最近的项目有要用google map v3 所以,看来多次文档和demo 实现了一些东西,话不多说,上代码,后面附文件
<script type="text/javascript"> var geocoder = new google.maps.Geocoder(); function geocodePosition(pos) { geocoder.geocode({ latLng: pos }, function(responses) { if (responses && responses.length > 0) { updateMarkerAddress(responses[0].formatted_address); } else { updateMarkerAddress('无法确定地址在这个位置。'); } }); } function updateMarkerStatus(str) { document.getElementById('markerStatus').innerHTML = str; } function updateMarkerPosition(latLng) { document.getElementById('info').innerHTML = [ latLng.lat(), latLng.lng() ].join(', '); } function updateMarkerAddress(str) { document.getElementById('address').innerHTML = str; } function initialize() { var latLng = new google.maps.LatLng(31.1933370274183, 121.43890661621094); var map = new google.maps.Map(document.getElementById('mapCanvas'), { zoom: 11, center: latLng, mapTypeId: google.maps.MapTypeId.ROADMAP }); var marker = new google.maps.Marker({ position: latLng, title: 'Point A', icon:"pred.gif", map: map, draggable: true }); google.maps.event.addListener(marker, "mouseover", function() { marker.setImage('pred.gif'); }); google.maps.event.addListener(marker, "mouseout", function() { marker.setImage('pgreen.gif'); }); // 更新当前的位置信息 updateMarkerPosition(latLng); geocodePosition(latLng); // 添加拖动事件监听器 google.maps.event.addListener(marker, 'dragstart', function() { updateMarkerAddress('正在搜索...'); }); google.maps.event.addListener(marker, 'drag', function() { updateMarkerStatus('正在搜索...'); updateMarkerPosition(marker.getPosition()); }); google.maps.event.addListener(marker, 'dragend', function() { updateMarkerStatus('搜索结束'); geocodePosition(marker.getPosition()); }); } // 加载载应用程序。 google.maps.event.addDomListener(window, 'load', initialize); </script>
相关推荐
谷歌MAP_V3中文详解以及一个简单例子
根据经纬度转换成详细地址。由于google map v2 已申请不了key 了, 更换成v3, 代码也需要更换成v3代码。2013-10-30上传。
JS调用Google地图 js获得Google地图坐标 左键单机获得google地图坐标以及中心坐标 缩放度
google map v3开发 V3地图搜素,V3地图标注,V3地图多点标注
getGeocoderLatitude 根据地址获取到经纬度 getAboutLocation 根据经纬度获取到所在城市信息 bd_encrypt 将 GCJ-02 坐标转换成 BD-09 坐标 bd_decrypt 将 BD-09 坐标转换成 GCJ-02 坐标
GoogleMap中文教程,包含V3版本中文API,不过是通过翻译出来的,不过作为平时上不了网的脱机资源还是可以看看的。
vue实现在图片中画矩形框(JS图片画方块定位坐标),并得到对角坐标,并拿到对应坐标制作图片热区并设置map中area的样式(图片热区map area的用法)
googleMap的中文API,V3版本的,希望对于还在使用googleMap离线地图的你有所帮助
Google Map API V3 离线开发文档(与Google官网一模一样,经编辑后离线也能照样查看,速度提升一个等级) PS:文件不能重命名,而原因想必你懂的!
Google Map V3 开放手册 开放文档 里面包含了 Map类 方法 属性 是咧
google map api 实现自定义mark和其移动
Google Map v3 官方实例 .手工整理的.
google map v3离线地图资源包,原博文链接源码
谷歌地图Google Map API中文开发文档 V3
echart map 世界各国城市坐标、 中国各省会 经纬度坐标、 包含城市中英文名称、sql语句 世界各国城市坐标 世界各国城市坐标
google map v3 demo 数据库动态案例 php的
本程序实现了如下功能: (1)VC中通过浏览器控件,加载指定html,在html中用javascript调用...(4)压缩包里含google map API中文参考手册,在javascript中用的到的。 对于想在VC中调用google map 的新手是极大的帮助。
谷歌升级后的地图demo,不包含密钥的开发。仅供借鉴
谷歌地图google map api v3 ExtDraggableObject可拖拽对象类
地理坐标和屏幕坐标相互转换,代码详细,使用