google maps api多标记调用 并显示地址

今天终于把这个接口的调用完成了

下面是这些接口的调用，期间发生了一个很郁闷的事。循环里面老是超出界限。最后用另外一种方法解决了。

<mce:script src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" mce_src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- function initialize() { if (GBrowserIsCompatible()) { //显示地图 GMap2函数 var map = new GMap2(document.getElementById("map_canvas")); //解释地址 var geocoder = new GClientGeocoder(); if (geocoder) { geocoder.getLatLng( "上海市浦东新区", function(point) { if (!point) { alert("不能解析:"+point); } else { //显示地图 point 坐标 12分辨率 map.setCenter(point, 12); //添加标记 var marker = new GMarker(point); map.addOverlay(marker); } }); } // 为所有标记创建指定阴影、图标尺寸灯的基础图标 var baseIcon = new GIcon(); baseIcon.shadow = "http://www.google.cn/mapfiles/shadow50.png"; baseIcon.iconSize = new GSize(20, 34); baseIcon.shadowSize = new GSize(37, 34); baseIcon.iconAnchor = new GPoint(9, 34); baseIcon.infoWindowAnchor = new GPoint(9, 2); baseIcon.infoShadowAnchor = new GPoint(18, 25); // 创建信息窗口显示对应给定索引的字母的标记 function createMarker(point, index, address) { // Create a lettered icon for this point using our icon class var letter = String.fromCharCode("A".charCodeAt(0) + index); var letteredIcon = new GIcon(baseIcon); letteredIcon.image = "http://www.google.cn/mapfiles/marker" + letter + ".png"; // 设置 GMarkerOptions 对象 markerOptions = { icon:letteredIcon }; var marker = new GMarker(point, markerOptions); //给标记注册click事件 显示信息 GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("当前位置 <b>" + address + "</b>"); }); return marker; } var bounds = map.getBounds(); //数组保存要标记的地址 var array=new Array("上海市浦东新区龙阳龙","上海市浦东新区东建东","上海市浦东新区锦绣路","上海市浦东新区杜鹃路","上海市浦东新区樱花路","上海市浦东新区花木路"); for(var s=0;s<array.length;s++){ GetPoint(array[s],s); } //解析地址 获取坐标 function GetPoint(address,index){ var geocoder = new GClientGeocoder(); if (geocoder) { geocoder.getLatLng( address, function(point) { if (!point) { alert("不能解析:"+address); } else { //标记地址 显示图片 map.addOverlay(createMarker(point, index, address)); } }); } } } } // --></mce:script>

 

注释都写很清楚了 还有不懂的话 可以留言给我