Google 地图 研究

来源:互联网 发布:chet baker 知乎 编辑:程序博客网 时间:2024/05/16 12:18

完整例子:

http://download1.csdn.net/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.4328121.077),3);
            
var marker = new GMarker(new GLatLng(39.4328121.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>
原创粉丝点击