From:
honda@luckstar.com.tw
Date:
2018-05-01
Subject:
Google GIS API 範例, Created: 2018-04-23
本文介紹 Google Masp API 範例, 來源參考: Google Maps API.
所有的範例均可直接檢視輸出結果，做為參考範例。原始程式碼，可以用瀏覽器檢視原始碼的方式下載使用。
範例中的程式碼使用作者申請的金鑰，以方便展示測試結果。若需要修改為自己的版本，請記得要把金鑰，改為您申請的金鑰。申請方式可參考取得金鑰，更換掉程式中作者的金鑰字串="AIzaSyDwn1JLskkPnVudpO1wVXP5iYxDheZ-0wc"
本文不是教學文件，僅摘要重點，記錄程式樣板。若需要完整的說明文件，可參考Google Maps API，取得詳細的說明。
所有的範例均可直接檢視輸出結果，做為參考範例。原始程式碼，可以用瀏覽器檢視原始碼的方式下載使用。
範例中的程式碼使用作者申請的金鑰，以方便展示測試結果。若需要修改為自己的版本，請記得要把金鑰，改為您申請的金鑰。申請方式可參考取得金鑰，更換掉程式中作者的金鑰字串="AIzaSyDwn1JLskkPnVudpO1wVXP5iYxDheZ-0wc"
本文不是教學文件，僅摘要重點，記錄程式樣板。若需要完整的說明文件，可參考Google Maps API，取得詳細的說明。
- Hello World
-
第一支程式，檢視程式架構。
程式必須指定2個參數: 地圖中心點center, 和縮放層級zoom:
地圖中心點 center
每張地圖必須指定中心點的地理位置經緯度。例如: 台灣的地理位置, 約在(緯度Latitude=24.001127, 經度Longitude=120.885853)。經緯度的數字，可以在Google地圖 上，以滑鼠右鍵選單，選擇"這是哪裡?"取得:
地圖縮放層級 zoom
- 0:地球.
- 1:全世界.
- 5:區塊/大陸.
- 10:城市.
- 15:街道.
- 20:建築物.
- marker-simple
- 標記位置。標記台北車站的位置，以縮放層級為15街道比例顯示。
- map-coordinates
- 座標系統。
Gooble Maps API使用數種座標系統:- 經緯度
- 世界座標。原點位置約在經度180°, 緯度85°
- 像素座標。
- 地圖方塊座標。依據地圖縮放層級的方塊座標，例如，於縮放層級 2時，地球是被分割為 16 個地圖方塊，而每一個地圖方塊都可以使用唯一的 x,y 配對做為參照。
- map00
map-minmax - 地圖原點。
好奇一下地圖原點在哪裡? 還記得赤道跟格林威治時間分區嗎? 以原點為中心，正負128之間，標示全球位置。 - marker-clustering
- 標記群集。
標記中的數字代表合併的標記總數，地圖會自動依據縮放層級，合併群集標記. - visual1
- 資料標記-基本方式。
- visual2
- 資料標記-自訂圓形標記。圓形大小隨著地震級數增加。
- visual3
- 資料標記-熱度分布。熱度以色彩與圖形表示資料的分布，紅色代表高度活躍的區域。
- geolocation
- 顯示地理位置。識別使用者或裝置的地理位置。
- aerial-simple
- 地圖類型-45° 影像。
透過 Map.mapTypeId 屬性，可指定地圖類型如下:
- roadmap:預設的道路地圖檢視.
- satellite:衛星影像檢視.
- hybrid:混合衛星影像與一般檢視. 依據地形資訊顯示實體地圖。
- aerial-rotation
- 地圖類型-45° 影像旋轉
透過Map物件, 每隔3秒, 呼叫setHeading()傳入角度檢視。若無法有效取得地理位置的(東南西北的影像集合)，則不支援。