<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Google Maps JavaScript API Example: addDomListener</title>
<script type="text/javascript"
src="http://www.google.com/jsapi?key=abcdefg"></script>
<script type="text/javascript">
google.load("maps", "2.x");
function initialize() {
if (GBrowserIsCompatible()) {
var mapDataList = new Array();
var map = new GMap2(document.getElementById("map_canvas"));
var latlngbounds = new GLatLngBounds();
mapDataList.push( {
id : 'ChungShanPark',
message : '台中市中山公園<br/>湖心亭',
marker : new GMarker(new GLatLng(24.143657, 120.684167))
});
function createDomListener(elm, index) {
GEvent.addDomListener(document.getElementById(elm), 'click',
function() {
GEvent.trigger(mapDataList[index].marker, 'click');
});
}
function addMarkerListener(d, index) {
var marker = d.marker;
GEvent.addListener(marker, "click", function() {
map.openInfoWindowHtml(marker.getLatLng(), d.message);
});
createDomListener(d.id, index);
return marker;
}
for ( var i = 0; i < mapDataList.length; i++) {
var d = mapDataList[i];
map.addOverlay(addMarkerListener(d, i));
latlngbounds.extend(d.marker.getLatLng());
}
map.setCenter(latlngbounds.getCenter(), map
.getBoundsZoomLevel(latlngbounds));
map.addControl(new GSmallMapControl());
map.addControl(new GMenuMapTypeControl());
}
}
</script>
</head>
<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 350px;"></div>
<a id="ChungShanPark" href="#">湖心亭</a>
<br />
</body>
</html>
2009年10月19日
Google Map addDomListener
Google Maps API Controls
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言