google map api 与jquery结合使用(3) －－图标样式,使用xml和异步请求

核心提示： 用指定字母作为前景图的图标效果在地图上使用XML和异步请求(AJAX)map.js$(document).ready(function(){ if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById(

用指定字母作为前景图的图标效果

在地图上使用XML和异步请求(AJAX)

map.js

$(document).ready(function()
{
　　 if (GBrowserIsCompatible()) {
　　　　 var map = new GMap2(document.getElementById("map"));
　　　 map.addControl(new GLargeMapControl());
　　　　map.addControl(new GOverviewMapControl());
　　　　
　　　　map.addControl(new GMapTypeControl());
　　　　map.setCenter(new GLatLng(36.94,106.08),4);
　　　　　　　　//ajax请求
　　　　GDownloadUrl("locations.xml", function(data, responseCode) {//回调函数
　　　　var xml = GXml.parse(data);
　　　　var markers = xml.documentElement.getElementsByTagName("marker");//解析xml,有多种方法
　　　　for (var i = 0; i < markers.length; i++) {
　　　　　　var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
　　　　　　parseFloat(markers[i].getAttribute("lng")));
　　　　　　map.addOverlay(new GMarker(point));
　　　　}
　　　　});
　　　　$(window).unload(function (){
　　　　　　　 $('.').unbind();
　　　　　　　 GUnload();
　　　　　 });
　　 }else
　　 {
　　　　 alert('你使用的浏览器不支持 Google Map!');　　
　　 }
});
locations.xml
<markers>
<marker lat="39.98629852076348" lng="116.3574438359872"/>
<marker lat="29.94176113301537" lng="112.6857368551186"/>
</markers>

ajax的效果图

对google map api的使用暂告一段落。

Let life be beautiful like summer flowers and death like autumn leaves.