Googleマップ
Googleマップは簡単にページに埋め込むことができるので、ウェブサイト制作にも便利に使わせてもらっている。マーカーを自由な位置に付けたり表示する場所や大きさも自由にできて会社概要の所在地なんかにはもってこい。自由な吹き出しまでつけられるし。（こんな感じ）
でも今、困っている事がひとつ。同じページにふたつ以上の地図を埋め込む方法がどうしてもわからない。誰かわかる人いますか？あ、でもこれからはHTMLじゃなくてXHTMLでサイト制作しなきゃなので、iframeで逃げるってのは無し。iframe使えば簡単なんだけど。
GoogleMapのページへの埋め込み、参考になったサイト
Put Google Maps on Your Own Web Site
Google Maps v2を設置する
Version 2 Class Reference (意訳とサンプル)
Google Maps API クラスリファレンス 意訳とサンプル
コメント
// function gm_load() {
if (GBrowserIsCompatible()) {
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(●, ●), ●);
var marker = new GMarker(new GLatLng(●, ●))
map.addOverlay(marker);
var map = new GMap2(document.getElementById("map2"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(●, ●), ●);
var marker = new GMarker(new GLatLng(●, ●))
map.addOverlay(marker);
}
}
//]]>
window.onload = gm_load;
window.onunload = GUnload;
地図1
地図2
投稿者: こんなん？ | 2007年02月09日 13:01
あ、javaとdiv抜かれた そりゃそーだw
地図んとこはdivのidを map と map2 にしてねー
投稿者: あ | 2007年02月09日 13:05
どこのどなたかわかりませんが、インターネットの片隅でぼそっとつぶやいたような質問にわざわざ答えていただいてありがとうございます。
早速、実装を求められていた仕事サイトにふたつのGoogleマップを貼り付けることができました。別名でidをふるところまでは出来たのですが
window.onload = gm_load;
window.onunload = GUnload;
が無かったから動かなかったのでしょうか。とにかく知識が無くても教えていただいた通りにやってできました。重ねてお礼を。ありがとうございました。
投稿者: たまき | 2007年02月09日 18:52