明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

Google 地图 JavaScript API 示例: 标记拖动事件

Posted on 2010-01-20 00:39  且行且思  阅读(1691)  评论(1)    收藏  举报
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <title>Google 地图 JavaScript API 示例: 标记拖动事件 </title> 
    <script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" 
            type="text/javascript"> </script> 
    <script type="text/javascript"> 
    function initialize() { 
      if (GBrowserIsCompatible()) { 
        var map = new GMap2(document.getElementById("map_canvas")); 
        var center = new GLatLng(39.917,116.397); 
        map.setCenter(center, 14); 
        var marker = new GMarker(center, {draggable: true}); 
        GEvent.addListener(marker, "dragstart", function() { 
          map.closeInfoWindow(); 
        }); 
        GEvent.addListener(marker, "dragend", function() { 
          //marker.openInfoWindowHtml("正在反弹..."); 
var custPoint = marker.getPoint(); 
alert("经度"+custPoint.lng()+"  纬度"+custPoint.lat()) 
        }); 
        map.addOverlay(marker); 
      } 
    } 
    </script> 
  </head> 
  <body onload="initialize()" onunload="GUnload()"> 
    <div id="map_canvas" style="width: 500px; height: 300px"> </div> 
  </body> 
</html>