最近、goole mapにハマッていて、map APIを使いこなしたいなーという気持ちがフツフツと沸いています。
そこで、ブログにちょくちょく書いていこうかなと思って、エントリー毎に地図を作成したいのですが、
肝心のやり方がわからなくて、そこで今回は、複数の地図を表示する方法について。
単純に、表示したい個数分javascriptのローカル変数を用意して、それぞれにGMap2クラスをセットすればオッケー！！
| <SCRIPT src="http://maps.google.com/maps?file=api&v=2&key=abc" type="text/javascript"></SCRIPT> <SCRIPT type="text/javascript"> function lf_setGMap(){ var map1 = new GMap2(document.getElementById("map_1")); map1.setCenter(new GLatLng(35.45492, 139.631445), 13); var map2 = new GMap2(document.getElementById("map_2")); map2.setCenter(new GLatLng(35.626169, 139.78152), 13); } </SCRIPT> </HEAD> <BODY onload="lf_setGMap();"> <DIV id="map_1" style="width: 250px; height: 150px"></DIV> <BR> <DIV id="map_2" style="width: 250px; height: 150px"></DIV> </BODY> |
1つ目の写真は、ランドマークタワー、2つ目は、パレットタウンです。
複数表示ができるようになったので、これでガンガン書けるぞー。
参考になりました。ありがとう！
返信削除