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

来源:互联网 发布:java程序加载类的步骤 编辑:程序博客网 时间:2024/06/02 17:49
<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>
0 0
原创粉丝点击