使用谷歌地图API根据坐标显示地图

<script type="text/javascript" src='http://ditu.google.cn/maps/api/js?sensor=false&language=zh-CN'></script>
    <script>    
function initialize() {
var strMap;
var mapOptions = {
zoom: 4,
center: new google.maps.LatLng(-25.363882,131.044922)
   };
   var map = new google.maps.Map(document.getElementById('testMap'),mapOptions);
   google.maps.event.addListener(map, 'click', function(e) {
 if(confirm("确实添加此标记吗?")){
 strMap=e.latLng;
         
     document.getElementById("lon").value=strMap.k;
 document.getElementById("lat").value=strMap.B;
 
 placeMarker(e.latLng, map);
//  document.getElementById("MapDivSize").style.display="none";
 //$("#lonlatplay").hide();
 }else{
return false; 
}
 });    
}
var image = '${path}/resources/images/green.png';
function placeMarker(position, map) {
 var marker = new google.maps.Marker({
position: position,
map: map,
icon: image
 });
 map.panTo(position);
}  
google.maps.event.addDomListener(window, 'load', initialize); 
    </script>
    <div id="map_div">
     <div id="map-canvas"></div>
    </div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值