- 追加された行はこのように表示されます。
- 削除された行は
このように表示されます。
<script src="http://maps.google.co.jp/maps?file=api&v=1&key=ABQIAAAAqjZvTNNI_C5V7WC4QlezXBQEnhqo5i1joIwVeJ1qzZ8GA7_BvRTPmEb9l7NzgKzQCFkGjs-x_xPTKA" type="text/javascript"></script>
<script>
//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.addControl(new GMapTypeControl());
map.addControl(new GSmallMapControl());
function addMarker(point, xml, xsl) {
var marker = new GMarker(point);
if( xml.hasChildNodes() ) {
// xmlDoc = GXml.parse(xml);
// xmlDocElm = xmlDoc.documentElement;
// var gtitle = xmlDocElm.getElementsByTagName('title');
GEvent.addListener(marker, "click", function() {
// marker.openInfoWindowXslt(xml,xsl);
tmp=xml.getElementsByTagName("title")[0].firstChild.nodeValue;
// alert(tmp);
marker.openInfoWindowHtml(tmp);
});
}
map.addOverlay(marker);
return marker;
}
var request = GXmlHttp.create();
request.open("GET", "places.xml", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = request.responseXML;
var places = xmlDoc.documentElement.getElementsByTagName("place");
for( var i=0; i < places.length ; i++ ) {
var latitude = parseFloat(places[i].getAttribute("latitude") );
var longitude = parseFloat(places[i].getAttribute("longitude") );
var point = new GPoint( longitude, latitude );
// var inipoint = new GPoint(38.65119, 136.7578125);
// if( i == 0 ) map.centerAndZoom( inipoint, 12 );
var inipoint = new GPoint(38.65119, 136.7578125);
if( i == 0 ) map.centerAndZoom( point, 12 );
addMarker( point, places[i], "place.xsl" );
}
}
}
request.send(null);
//]]>
</script>