February 21, 2008
kmlファイルと位置と縮尺の選択
categorized in 
ようやくうまくいった〜♪
こんな感じで実現しました。
<head>
…
<script type="text/javascript">
//<![CDATA[
function setmap(id) {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
var gx = new GGeoXml("http://riemagu.jp/kml/enkan.kml");
var lat = 35.390117040185665;
var lng = 136.94465517997742;
var sca = 1;
if (id != "") {
switch(id) {
case 0: // 園館世界
lat = 35.390117040185665;
lng = 136.94465517997742;
sca = 1;
gx = new GGeoXml("http://riemagu.jp/kml/enkan.kml");
break;
case 1: // 園館日本
lat = 35.390117040185665;
lng = 136.94465517997742;
sca = 4;
gx = new GGeoXml("http://riemagu.jp/kml/enkan.kml");
break;
…
}
}
map.setCenter(new GLatLng(lat, lng), sca);
map.addOverlay(gx);
}
}
function selectmap() {
var sel = document.getElementById("sel");
var n = sel.selectedIndex;
switch (n) {
case 0:
setmap(0);
break;
case 1:
setmap(1);
break;
…
default:
break;
}
}
//]]>
</script>
…
</head>
<body onunload="GUnload()">
…
<select id="sel" onChange="selectmap()">
<optgroup label="園館">
<option value="0">世界</option>
<option value="1">日本</option>
…
</optgroup>
</select>
…
</body>
----------------------------
でもスゲー重いんだよなぁ…知識もないのに無理やり作ったからなぁ〜。もっといい方法ないかな？
この辺り↓のサイトを参考にさせていただきました。ありがとうございましたm(_ _)m
----------------------------
Google Maps API リファレンス（http://www.openspc2.org/Google/Maps/）
東京のメトロ・都営地下鉄・私鉄・JR路線図（http://japonyol.net/editor/ajax.html）
フォームとの連携（http://www.ajaxtower.jp/googlemaps/form/index.html）
セレクトメニューで選択された場所を表示する（http://www.openspc2.org/reibun/Google/Maps/API/ouyou/ver2/007/index.html）
----------------------------
http://riemagu.jp/mt/mt-tb.cgi/2006