1,申請一個google地圖的key值
2.在頁面中加入下面代碼
<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&v=2&sensor=true&key=ABQIAAAA6rIhAIUU1yhwWA2eg_PwYBRnwBJdw5wBookTSWhFN0HvJ74Z5hSvi4e0IHlXX8RWKu14CP79FhJWog&h1=ZH" type="text/javascript"></script>
<script language="javascript" type="text/javascript" >
var map;
var geoXml;
function initialize() {
if (GBrowserIsCompatible()) {
geoXml = new GGeoXml("http://www.*****.com/data.xml" + "?rnd=" + Math.random());
map = new GMap2(document.getElementById("map_canvas"));
map.enableScrollWheelZoom();
var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10, 10));
map.addControl(new GLargeMapControl(),bottomRight);
map.addControl(new GMapTypeControl());
//座標點：（緯度,經度）
map.setCenter(new GLatLng(39.904, 116.389), 11);
map.openInfoWindow(map.getCenter(), document.createTextNode("Hello, world"));
}
}
</script>
</head>
<body onload ="initialize();" onunload ="GUnload();" >
<div id="map_canvas" style ="width:523px;height:305px;"></div>
</body>
</html>
3.data.xml資料格式如下
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.1">
<Document>
<Style id="highlightPlacemark">
<IconStyle>
<Icon>
<href>http://maps.google.com/mapfiles/kml/paddle/red-stars.png</href>
</Icon>
</IconStyle>
</Style>
<Placemark>
<name>國家大劇院</name>
<styleUrl>#highlightPlacemark</styleUrl>
<description>
<![CDATA[
<h1>CDATA Tags are useful!</h1>
<p><font color="red">CHINA中 國 is <i>more readable</i> and
<b>easier to write</b> when you can avoid using entity
references.</font></p>
]]>
</description>
<Point>
<coordinates>
116.389751,39.904729
</coordinates>
</Point>
</Placemark>
</Document>
<!--說明：設定位置時，先徑度，後緯度和js設定中心SetCenter相反 -->
</kml>
4.運行,ok
源檔案下載點擊這裡：/Files/wenming205/google地圖使用xml載入地標.rar
