Google 地圖平台即將推出新版地圖樣式。新版地圖樣式內建全新的預設調色盤,並且提升地圖體驗、改善服務的可用性。所有地圖樣式都將於 2025 年 3 月自動更新。請參閱「
Google 地圖平台新版地圖樣式 」一文,進一步瞭解適用範圍及如何提早啟用。
提供意見
圖層
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
「圖層」是地圖上的物件,包含一或多個不同項目,但可視為一個整體進行操作。圖層通常會反映您新增至地圖上方的物件集,以指定共同的關聯性。Maps JavaScript API 可將多個構成項目組成一個物件 (通常是圖塊疊加層) 做管理,讓圖層中各物件能隨著地圖可視區域改變而調整呈現方式。圖層也可以改變地圖本身的圖層顯示,以配合圖層的方式略微改變基本圖塊。請注意,大部分圖層的設計可能無法透過其中的個別物件進行存取,只能視為一個整體進行操作。
圖層總覽
Maps JavaScript API 包含以下幾種類型的圖層:
Google 地圖資料層 提供可存放任意地理空間資料的容器。您可以使用資料層來儲存自訂資料,或是在 Google 地圖上顯示 GeoJSON 資料。
熱視圖圖層 會使用熱視圖 視覺效果呈現地理資料。
KML 圖層 會將 KML 和 GeoRSS 元素,算繪成 Maps JavaScript API 圖塊疊加層。
車流量圖層 會在地圖上顯示路況。
大眾運輸圖層 會在地圖上顯示所在城市的大眾運輸網路。
單車圖層 物件會將單車道圖層和/或單車專用疊加層,算繪成常用圖層。根據預設,要求 BICYCLING 交通方式的路線時,這個圖層會在 DirectionsRenderer 中傳回。
新增圖層
如要在地圖中新增圖層,只要呼叫 setMap()
,並傳遞要顯示圖層的地圖物件即可。同樣地,如要隱藏圖層,請呼叫 setMap()
,並傳遞 null
。
下方程式碼片段是以英國倫敦為地圖中心,新增大眾運輸圖層 。
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng(51.5,-0.11)
}
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var transitLayer = new google.maps.TransitLayer();
transitLayer.setMap(map);
提供意見
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權 ,程式碼範例則為阿帕契 2.0 授權 。詳情請參閱《Google Developers 網站政策 》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-08-13 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
想進一步說明嗎?
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-08-13 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-08-13 (世界標準時間)。"]]