= 2008-09-22 = * 根據[http://googlemapsapi.blogspot.com/2007/03/kml-and-georss-support-added-to-google.html Google Map API 官方部落格的範例],要將 KML 加入 Google Map 圖層只要簡單的兩行,因此我們把國榮提供的 KML 檔案全部 Load 到圖層上,請看[http://trac.nchc.org.tw/googlemap3.html 第四個成果]。 {{{ #!java var gx = new GGeoXml("http://trac.nchc.org.tw/OR1-0866.kml"); map.addOverlay(gx); }}} {{{ #!diff --- googlemap2.html 2008-09-19 15:35:30.000000000 +0800 +++ googlemap3.html 2008-09-22 14:52:38.000000000 +0800 @@ -16,7 +16,7 @@ map.addControl(new GLargeMapControl()); // 加入左上角比例尺規控制列 map.addControl(new GScaleControl()); // 加入左下角比例尺狀態列 map.addControl(new GMapTypeControl()); // 加入右上角"地圖","衛星","混合地圖"按鈕 - map.setCenter(new GLatLng(23.8,121), 7); // 設定預設經緯度北緯 23.8, 東經 121, 預設比例尺 100 公里(7) + map.setCenter(new GLatLng(23.8,121), 6); // 設定預設經緯度北緯 23.8, 東經 121, 預設比例尺 200 公里(6) map.setMapType(G_SATELLITE_MAP); // 設定預設底圖為"衛星" } var request = GXmlHttp.create(); // 產生一個非同步的 AJAX XMLHttp 物件 @@ -41,6 +41,19 @@ } } request.send(null); // 送出 XMLHttp 物件的要求 + + // 產生 GGeoXml 物件來讀取 KML 檔案並貼上 Google Map 圖層 + // - 參考 http://googlemapsapi.blogspot.com/2007/03/kml-and-georss-support-added-to-google.html + // - 參考 http://code.google.com/apis/maps/documentation/reference.html#GGeoXml + // - GGeoXml(urlOfXml) 必須輸入標準網址,不能輸入相對位址 + var gx = new GGeoXml("http://trac.nchc.org.tw/OR1-0866.kml"); + map.addOverlay(gx); + gx = new GGeoXml("http://trac.nchc.org.tw/OR1-0868.kml"); + map.addOverlay(gx); + gx = new GGeoXml("http://trac.nchc.org.tw/OR2-1547.kml"); + map.addOverlay(gx); + gx = new GGeoXml("http://trac.nchc.org.tw/OR3-1297.kml"); + map.addOverlay(gx); } //]]> }}}