欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Google Maps JavaScript API 实例 --显示自已所在地的地图

程序员文章站 2022-07-15 15:17:22
...

1.显示一个详细的地方:

<!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://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">
 
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
       // map.setCenter(new GLatLng(36.94, 106.08), 4); //1,2
 map.setCenter(new GLatLng(34.808139257044026,113.6924135684967),16); //郑州市经三路
        map.setUIToDefault();
      }
    }
 
    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>

 

2.

想要显示自己家的地图.
只要修改这里的地标就可以了 map.setCenter(new GLatLng(29.873545655686,121.536598205570002), 12);
设置地标就行了,后面的12是地图放大放小的,至于你家里的地标多少,可以到这里查,http://www.eemap.org/

var point = new GLatLng(29.865879473690174,121.554536819458022);
map.addOverlay(createMarker(point, "琴桥"));
这里是在地图上标志你家的位置,比如这里的琴桥.

 

http://hi.baidu.com/aaaflb/blog/item/354bf6cafb711f16be09e6a1.html