【www.gdgbn.com--浏览器】

google web 地图实例-增加多个地图标注


<script src="ps教程.google.com/maps?file=api&v=2&key=ABQIAAAAc8Kc8QqRiIgpsK23Kp5gkBSH2hU1_Yr14uOHyNBnrSDSRu1cOxQAA7Zqsv6wfxH6g3z1AadUX7peSA">http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAc8Kc8QqRiIgpsK23Kp5gkBSH2hU1_Yr14uOHyNBnrSDSRu1cOxQAA7Zqsv6wfxH6g3z1AadUX7peSA" type="text/javascript教程" charset="utf-8"></script>n


<script type="text/javascript">
//

if (GBrowserIsCompatible()) {

geocoder = new GClientGeocoder();

function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}

// Display the map, with some controls and set the initial location
var map = new GMap2(document.getElementById("map"));
map.addControl(new GMapTypeControl());
map.addControl(new GSmallMapControl());
map.addControl(new GOverviewMapControl());
map.setCenter(new GLatLng(-33.862828,151.216974), 14, G_NORMAL_MAP);

var point = new GLatLng(-33.8619151,151.2091963);
var marker = createMarker(point,"

Head Office

")
map.addOverlay(marker);

var point = new GLatLng(-33.8683270,151.2086250);
var marker = createMarker(point,"

The Factory

")
map.addOverlay(marker);

var point = new GLatLng(-33.858362,151.214876);
var marker = createMarker(point,"

Sydney Opera House

For those with culture

")
map.addOverlay(marker);

var point = new GLatLng(-33.862828,151.216974);
var marker = createMarker(point,"

Royal Botanic Gardens

php教程ro.org">A">http://phpro.org">A link here")
map.addOverlay(marker);

GMap.prototype.centerAndZoomOnBounds = function(bounds) {
// make 10% bigger so all markers show completely
var span = new GSize((bounds.maxX - bounds.minX) * 1.1, (bounds.maxY - bounds.minY)*1.1);
var center = new GPoint(bounds.minX + span.width / 2., bounds.minY + span.height / 2.);

var newZoom = this.spec.getLowestZoomLevel(center, span, this.viewSize);
if (this.getZoomLevel() != newZoom) {
this.centerAndZoom(center, newZoom);
} else {
this.recenterOrPanToLatLng(center);
}
}

// display a warning if the browser was not compatible
} else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}

//]]>
</script>

本文来源：http://www.gdgbn.com/bangongshuma/23663/