kmlファイルと位置と縮尺の選択[12turedure]
(2008-02-21 17:17:39) by riemagu


ようやくうまくいった〜♪
こんな感じで実現しました。

----------------------------
<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)
----------------------------

コメント投稿
次の記事へ >
< 前の記事へ
TOPへ戻る

Powered by
MT4i 3.0.7