例−35:マーカーの重ね順を変更する
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>例−35:マーカーの重ね順を変更する</title>
<script src="http://maps.google.co.jp/maps?file=api&v=2&key=[MAPS_API_KEY]"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
var bounds = map.getBounds();
var centerLat = bounds.getCenter().lat();
var centerLng = bounds.getCenter().lng();
for (var i = 1; i <= 20; i++) {
var latlng = new GLatLng(centerLat, centerLng+0.001*i);
var myMarker1 = createMarker(latlng, i);
map.addOverlay(myMarker1);
var myMarker2 = createMarker(new GLatLng(centerLat+0.005, centerLng+0.001*i), -i);
map.addOverlay(myMarker2);
}
}
}
function createMarker(latlng, zIndex){
var marker = new GMarker(latlng, {zIndexProcess: my_zIndexProcess});
marker.mem_zIndex=zIndex;
return marker;
}
function my_zIndexProcess(marker){
return marker.mem_zIndex;
}
GEvent.addDomListener(window, "load", load);
GEvent.addDomListener(window, "unload", GUnload);
//]]>
</script>
</head>
<body >
<h1>例−35:マーカーの重ね順を変更する</h1>
<div id="map" style="width:600px;height:600px;">
</body>
</html>


