湖间小筑 | 初识 Google Map API

初识 Google Map API

发表于2007-06-01 09:07:38

昨天去 google dev day 晃了一圈，分会场上主要听的是 Google 的新产品发布会，感觉那个 map api 有点意思，可以在上面做点东西玩玩，于是晚上回来小看了一下例子，做了一个玩玩，还是满简单的，代码如下。

<!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>">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Google Maps JavaScript API Example</title>
        <script src="<http://ditu.google.com/maps?file=api>&amp;v=2&amp;key=*****" type="text/javascript"></script>
        <script type="text/javascript">

//<![CDATA[

        function load() 
        {
            if (GBrowserIsCompatible())
            {
                var map = new GMap2(document.getElementById("map"));
                map.addControl(new GLargeMapControl());
                map.addControl(new GScaleControl());
                GEvent.addListener(map, "moveend", function() 
                            {
                                document.getElementById("center").innerHTML = map.getCenter();
                            });

                map.setCenter(new GLatLng(39.96255, 116.358969), 17);
            }
        }

//]]>
        </script>
    </head>

    <body onload="load()" onunload="GUnload()">
        <div id="map" style="width: 960; height: 800px"></div>
        地图中心：<div id="center"></div>
    </body>
</html>

30行出头，简单吧，那个key="***“那一块是要自己去申请对应你域名的key，我写上去也没用，还影响排版，就8写了，呵呵。这个东西存成.htm，访问时会在一个1000x800的框架中显示中心点在北邮的一张地图，考虑后续业务ing