用google maps api在网站上显示指定坐标的地图

 很久之前写的了，可以在网站上显示指定的位置，和相关的联系信息等。

 

 

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(34.994, 106.040), 4);
// 从 data.xml 下载数据并加载到地图上，格式是：
// <markers>
//   <marker lat="37.441" lng="122.141"/>
//   <marker lat="37.322" lng="121.213"/>
// </markers>
        GDownloadUrl("data.xml", function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
// Creates a marker at the given point with the given number label
function createMarker(point, number) {
var marker = new GMarker(point);
//下面这里是坐标以外的其余数据
var cname = markers[i].getAttribute("cname");
var tel = markers[i].getAttribute("tel");
var pic = markers[i].getAttribute("pic");
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<a href='http://www.cj-club.com' target='blank'><img title='查看店铺详细信息'  src=\'#\'" //127.0.0.1/pic/" + pic + "'></a><br>" + cname + "<BR>电话：" + tel);
  });
return marker;
}
// Add markers to the map at random locations
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
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));
map.addOverlay(createMarker(point, i + 1));
         }
        });
      }
    }
//]]>
    </script>