GOOGLE MAPを別ウインドで表示
ホームページ作成初心者です。
ネットの検索で、以下スクリプトで自分の作成したホームページにGoogleMAPを表示することができました。しかしこのやり方ですと、表示する地図ごとにHTMLで記述する必要があるように思います。当方は表示したい地図が100個以上あるので全てHTMLファイルを作成するのは困難です。できればホームページに地図ボタンを100個作成し、ボタンを押されたときに引数として必要パラメータを渡して、地図表示を行うHTMLファイルをひとつ用意しておいて、そのHTMLファイルで全ての地図表示をするように変更したいのですが、どうしたらよいかご存知の方がいましたら教えて頂けないでしょうか?
以下が使用しているGoogleMAP表示のソースです。
<body>
<div id="map" style="width: 800px; height: 180px"></div>
<div id="message"></div>
<script type="text/javascript">
//<![CDATA[
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
// 3.で取得した 緯度、経度を (経度, 緯度)の順で入力する
//
// new GPoint(139.711606, 35.646643) ←この部分
//
var point = new GPoint(139.48270082473755, 35.90869157631627);
map.centerAndZoom(point, 0);
var icon = new GIcon();
// マーカーのアイコン画像指定
icon.image = "map_arrow.png";
// マーカーの影アイコン画像指定
icon.shadow = "map_arrow_shadow.png";
// アイコンのサイズを記述
icon.iconSize = new GSize(34, 25);
// 影アイコンのサイズを記述
icon.shadowSize = new GSize(34, 25);
icon.iconAnchor = new GPoint(1, 23);
icon.infoWindowAnchor = new GPoint(10, 10);
// もう一度マーカーのアイコン画像指定
icon.transparent = "map_arrow.png";
var marker = new GMarker(point, icon);
GEvent.addListener(marker, "click", function() {
//
//
marker.openInfoWindowHtml("<b><a href='http://www.goo.ne.jp/'>マル広</a></b>" );
});
map.addOverlay(marker);
//]]>
</script>
</body>
以上です。なにぶん初心者なので、他に必要な情報など
ありましたらご教示お願いします。
よろしくお願いします。