代码：!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"

qingchundou110

浏览: 33008 次
性别:
来自: 深圳

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2010-03 ( 33)
更多存档...

博客分类：

googleAPI

HTML XHTML JavaScript Google

!DOCTYPE html "-//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">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">
//<![CDATA[
    var map;
var i=true;
    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(22.5, 113.9),

;
   GEvent.addListener(map, "moveend", function(){
     var center = map.getCenter();
     var latField = document.getElementById("textLat");
     var lngField = document.getElementById("textLng");
     latField.value = center.lat();
     lngField.value = center.lng();
   });
/* var geoPoint0 = new GLatLng(22.5, 113.9);
   var marker0 = new GMarker(geoPoint0);
   map.addOverlay(marker0);

   var geoPoint1 = new GLatLng (23.7, 114.4);
   //var marker1 = ;
   map.addOverlay(new GMarker(geoPoint1));*/
      }

   map.addControl(new GLargeMapControl());
   map.addControl(new GMenuMapTypeControl() );
// map.addmaptype(map.mousemove(latlng:GLatLng)) ;
// document.form1.textfield.value=map.getBounds();

    }

function getLatLng(event)
{
      if( !map) return;
      var e = event ? event : window.event;
      var container = document.getElementById("map_canvas");
   var x = event.clientX - container.offsetLeft;
   var y = event.clientY - container.offsetTop;
   var gPoint = new GPoint(x, y);
   var latLng = map.fromContainerPixelToLatLng(gPoint);
   var latField = document.getElementById("textLat");
   var lngField = document.getElementById("textLng");
   latField.value = latLng.lat();
   lngField.value = latLng.lng();
}

function getXY()
{
     var container = document.getElementById("map_canvas");
   var x = container.offsetLeft;
   var y = container.offsetTop;
   alert(x);
   while(container = container.parentNode)
   {
      if(container.tagName == "body" || container.tagName == "BODY") break;
      x += container.offsetLeft;
    y += container.offsetTop;
   }
   alert(x);
}

function move()
{
   map.panTo(new GLatLng(22.5, 113.9), 12);
   //map.panTo(new GLatLng(,), 12);
}

function change(event)
{
   if(!i)
    map.setMapType(G_NORMAL_MAP);
   else
    map.setMapType(G_SATELLITE_MAP);
   i=!i;
}

function getpoint()
{

}

    </script>

</head>
<body onload="initialize()" onunload="GUnload()">

      <div id="map_canvas" style="width:800px; height:600px" onmousemove="getLatLng(event)"></div>

<input type="button" value="测试" onclick="getXY()"/>
<form name="form1">
      <p>
        <label></label>
        维度：<input type="text" readonly="true" id="textLat" />
             <input type="button" value="返回地图初始点" onclick="move()" />
        <br />
        精度：<input type="text" readonly="true" id="textLng" />
        <input type="button" value=" 切换地图模式 " onclick="change()"/>
      </p>
</form>

</body>
</html>

敲的很辛苦，留个言吧

分享到：

代码：日历 | Google 电子地图和卫星地图校正

2010-03-04 22:38
浏览 1442
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论