トップ 一覧 検索 ヘルプ ログイン

googlemapの変更点

  • 追加された行はこのように表示されます。
  • 削除された行はこのように表示されます。
<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>