wiki:oid/WorkLog/08-09-19

Version 3 (modified by jazz, 16 years ago) (diff)

--

Step by Step building Your Own Google Map Application

申請 Gooogle Map API Key

  • 產生 API Key 完畢就會得到第一個 HTML 範例

  • 把 HTML 範例貼到 goglemap.html 檔案放置在 www 目錄(Ex. /var/www)中,就可以看到第一個成果囉 :)

解析網站原始碼

  • http://deepsea.biodiv.tw/locamapd.asp
     function load() {
       PassValue();
       if (GBrowserIsCompatible()) {
          var map = new GMap2(document.getElementById("map"));  // 取得 DOM 中,名稱為 map 的元件
          map.addControl(new GLargeMapControl());               // 加入左上角比例尺規控制列
          map.addControl(new GMapTypeControl());                // 加入右上角
          map.setCenter(new GLatLng(23.8,121), 7);
          map.setMapType(G_SATELLITE_MAP);
    
    
  • http://deepsea.biodiv.tw/getdeepstaxml.asp

Attachments (6)

Download all attachments as: .zip