事件处理:
From:https://developers.google.com/maps/documentation/javascript/events?hl=zh-CN
添加center_changed事件,click,DOM load
<style> html, body, #map-canvas { margin: 0; padding: 0; height: 100%; } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.9&sensor=false"></script> <script> var map; function initialize() { var mapOptions = { zoom: 4, center: new google.maps.LatLng(30.51667,114.31667), mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions); //3 秒后将地图平移回标记处 //如果检测视口中的变化,使用特定的 bounds_changed 事件,而非其组成部分 zoom_changed 和 center_changed 事件。 var marker = new google.maps.Marker({ position: map.getCenter(), map: map, title: '点击缩放' }); google.maps.event.addListener(map, 'center_changed', function() { window.setTimeout(function() { map.panTo(marker.getPosition()); }, 3000); }); google.maps.event.addListener(marker, 'click', function() { map.setZoom(8); map.setCenter(marker.getPosition()); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> <div id="map-canvas"></div>
监听缩放比例变化
<script> var map; function initialize() { var myLatLng = new google.maps.LatLng(30.51667,114.31667); var mapOptions = { zoom: 4, center: myLatLng, mapTypeId: google.maps.MapTypeId.HYBRID }; map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions); var infowindow = new google.maps.InfoWindow({ content: '点击或缩放查看缩放比例', position: myLatLng }); infowindow.open(map); google.maps.event.addListener(map, 'zoom_changed', function() { var zoomLevel = map.getZoom(); map.setCenter(myLatLng); infowindow.setContent('缩放比例: ' + zoomLevel); infowindow.open(map); }); } google.maps.event.addDomListener(window, 'load', initialize); </script>
相关推荐
Google Map V3 开放手册 开放文档 里面包含了 Map类 方法 属性 是咧
google map v3开发 V3地图搜素,V3地图标注,V3地图多点标注
GoogleMap中文教程,包含V3版本中文API,不过是通过翻译出来的,不过作为平时上不了网的脱机资源还是可以看看的。
Google Map v3 官方实例 .手工整理的.
google map v3离线地图资源包,原博文链接源码
google map v3 demo 数据库动态案例 php的
googleMap的中文API,V3版本的,希望对于还在使用googleMap离线地图的你有所帮助
Google Map API V3 离线开发文档(与Google官网一模一样,经编辑后离线也能照样查看,速度提升一个等级) PS:文件不能重命名,而原因想必你懂的!
一个集成google map api v3版本的wpf程序,点击地图自动添加标记
谷歌升级后的地图demo,不包含密钥的开发。仅供借鉴
谷歌MAP_V3中文详解以及一个简单例子
根据经纬度转换成详细地址。由于google map v2 已申请不了key 了, 更换成v3, 代码也需要更换成v3代码。2013-10-30上传。
Google Map api V3 (3.9.12)的离线开发包
写了很多关于googlemap js v3的示例,仅供参考
Google Map API最新版本(V3)代码示例源码和教程,包括了添加地图、在地图上添加和自定义marker的内容、添加曲线和曲线的点击事件等最常用功能。详细教程请见:...
谷歌地图google map api v3 ExtDraggableObject可拖拽对象类
谷歌地图Google Map API中文开发文档 V3
google map v3 实例。很有参考价值
NULL 博文链接:https://zhengchao123.iteye.com/blog/1878851
这里收集了很多关于googlemaps jsv3版本的示例,供参考