googlemap

<script src="http://maps.google.co.jp/maps?file=api&v=1&key=ABQIAAAAqjZvTNNI_C5V7WC4QlezXBQEnhqo5i1joIwVeJ1qzZ8GA7_BvRTPmEb9l7NzgKzQCFkGjs-x_xPTKA" type="text/javascript"></script>

<script>

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() ) {
   GEvent.addListener(marker, "click", function() {
			tmp=xml.getElementsByTagName("title")[0].firstChild.nodeValue; 
			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( point, 12 );
     
     addMarker( point, places[i], "place.xsl"  );
   }
 }

}request.send(null);

</script>