2008-09-22

• 根據​Google Map API 官方部落格的範例，要將 KML 加入 Google Map 圖層只要簡單的兩行，因此我們把國榮提供的 KML 檔案全部 Load 到圖層上，請看​第四個成果。

  var gx = new GGeoXml("http://trac.nchc.org.tw/OR1-0866.kml");
  map.addOverlay(gx);
  

  .html

  @@ -16 +16 @@
          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 +41 @@
          }
         }
         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);
       }
       //]]>
       </script>

• Q: Google Map 如何使用自己的背景底圖??
  • A: 參考範例 ​Polar Mars Example