Google 地图 研究

完整例子:

http://download1.youkuaiyun.com/down3/20070518/18213152887.html 

 

 

<! 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 ></ title >
     < script  src ="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAbnjTrrjKVFghDEbRyLpz2RSSyqKYSlo9FjwBrjMQ3aPEnZoFvBTMk7vPNP1BpEsscm8mH36rdv5q1w"
      type ="text/javascript" ></ script >
     < script  type ="text/javascript" > ...
    //<![CDATA[
    var WINDOW_HTML="气泡信息";
    function load()...{
        if (GBrowserIsCompatible()) ...{
            var map = new GMap2(document.getElementById("map"));
            map.addControl(new GSmallMapControl());
            map.setCenter(new GLatLng(39.4328, 121.077),3);
            var marker = new GMarker(new GLatLng(39.4328, 121.077));
            map.addOverlay(marker);

            GEvent.addListener(marker, "click", function()...{
                marker.openInfoWindowHtml(WINDOW_HTML);
            });
            marker.openInfoWindowHtml(WINDOW_HTML);
        }
    }
    //]]>
     </ script >
</ head >
< body  onload ="load()"  onunload ="GUnload()"  topmargin ="0"  leftmargin ="0" >
     < div  id ="map"  style ="width: 500px; height: 300px" ></ div >
</ body >
</ html >