選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP How to W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Google Maps 型別


Google Maps - 基本地圖型別

Google Maps API 支援以下地圖型別:

  • ROADMAP(普通,預設的 2D 地圖)
  • SATELLITE(衛星影像地圖)
  • HYBRID(衛星影像地圖 + 道路和城市名稱)
  • TERRAIN(帶有山脈、河流等的地圖)

地圖型別可以在 Map 屬性物件中指定,使用 `mapTypeId` 屬性:

var mapOptions = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:7,
  mapTypeId: google.maps.MapTypeId.HYBRID
};

或者透過呼叫地圖的 `setMapTypeId()` 方法來指定:

map.setMapTypeId(google.maps.MapTypeId.HYBRID);


Google Maps - 45° 透檢視

SATELLITE 和 HYBRID 地圖型別在某些位置支援 45° 透檢視影像(僅在高縮放級別)。

如果您放大到具有 45° 影像的區域,地圖將自動更改為透檢視。此外,地圖還會新增:

  • 在 Pan 控制元件周圍新增一個指南針輪盤,允許您旋轉影像。
  • 在 Pan 和 Zoom 控制元件之間新增一個 Rotate 控制元件,允許您將影像旋轉 90°。
  • 一個用於顯示 45° 透檢視的切換控制元件,位於 Satellite 控制元件/標籤下方。

注意:從帶有 45° 影像的地圖縮小時,所有這些更改都會還原,並顯示原始地圖。

以下示例顯示了義大利威尼斯總督宮的 45° 透檢視:

示例

var mapOptions = {
  center:myCenter,
  zoom:18,
  mapTypeId:google.maps.MapTypeId.HYBRID
};

Google Maps - 停用 45° 透檢視 - setTilt(0)

您可以透過在 Map 物件上呼叫 `setTilt(0)` 來停用 45° 透檢視:

示例

map.setTilt(0);

提示:要稍後啟用 45° 透檢視,請呼叫 `setTilt(45)`。


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援