トップ 差分 一覧 ソース 検索 ヘルプ ログイン

googlemap


4月号は2月26日発売。SAMA企画からの通信販売が便利でお得です。

<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>


  本サイトは、RikaTan(理科の探検)読者サポートサイトです。
  リンクについて
  本サイトへのリンクはご自由に設定ください。トップページへのリンクには、
  下記バナーをご利用いただいても結構です。
  バナー1  バナー2
  88×31ピクセル 200×40ピクセル

観る・知る・遊ぶ 理科の楽しさを実感!! - 隔月刊 RikaTan 理科の探検 
お求めは書店格安確実なSAMA企画直送定期購読で
RikaTan 定価1440円 販売元:株式会社文理 雑誌コード09357-04