解決済みの質問

Googleマップを１ページに2つ表示させる方法

Googleマップを１ページに2つ表示させる方法がうまく出来ません。

学校関係のHPを制作中です。
「東京校」と「大阪校」とあるのですが、それぞれの地図をGoogleマップで表示させたいと思っています。
１ページに、「東京校」と「大阪校」の2つの地図を表示させたいのですが、

ひとつは表示されますが、もう一つが全く表示されません。
Googleマップは１ページにひとつしか表示出来ないのでしょうか？

それとも、何か方法があるのでしょうか。。。

ご教授くださいm(_ _)m

違反報告

質問日時：

2008/10/29 18:33:34
解決日時：

2008/10/30 16:31:45
回答数：

1
閲覧数：

1,726
ソーシャルブックマークへ投稿：

Yahoo!ブックマークへ投稿

はてなブックマークへ投稿

（ソーシャルブックマークとは）

ベストアンサーに選ばれた回答

yc_allabout_tetokazakiさん

地図を表示するdivにidを振っていると思います。
これを２つ用意すればうまくいくのではないでしょうか。

<script src="http://maps.google.com/maps?file=api&v=2&key=xxxxxxxxxx"
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
var map1 = new GMap2(document.getElementById("map1"));
map1.setCenter(new GLatLng(37,136), 5,G_NORMAL_MAP);

var map2 = new GMap2(document.getElementById("map2"));
map2.setCenter(new GLatLng(37,136), 5,G_NORMAL_MAP);
}
//]]>
</script>
<div id="map1" style="width: 500px; height: 400px"></div>
<div id="map2" style="width: 500px; height: 400px"></div>

これでうまくいかないようであれば、東京用、大阪用にhtmlを用意して、
iframeで表示するのもありだと思います。