設定縮放等級的樣式
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
適用範圍:這項功能適用於 Android、iOS、JavaScript 和 Maps Static。
在使用者以特定縮放等級查看地圖時,醒目顯示地圖項目,提供更符合個人需求的地圖體驗。舉例來說,您可以在檢視者將地圖縮放到要查看的地點後,醒目顯示搜尋點或道路。
您可以將地圖上所有縮放等級的地圖項目元素都設為相同樣式,或者對於有些元素,您也可依不同縮放等級設定不同的樣式。
部分地圖項目不支援自訂縮放等級。如果地圖項目元素右側有鑽石圖示,代表可設定縮放等級樣式。
瞭解縮放等級樣式設定
縮放等級從 0 到 22:0 是縮到最小 (顯示全世界),22 是放到最大 (顯示地圖的一小區細節)。「Keyzoom」是建立新樣式時的起始縮放等級。
設定不同縮放等級的地圖項目樣式時,套用範圍是從目前以上的縮放等級 (放大),直到下一個已設有樣式的等級。縮放等級 0 一律套用目前樣式。
舉例來說,如果您在縮放等級 5 和 10 設定了樣式:
- 縮放等級 5 樣式會套用到縮放等級 5 到 9。
- 縮放等級 10 樣式會套用到縮放等級 10 到 22。
- 縮放等級 0 到 4 則維持目前樣式。
如果您自訂地圖項目的縮放等級樣式,則該樣式會覆寫整個地圖項目的所有自訂樣式。
自訂不同的縮放等級
在 Cloud 控制台中,前往「Map Styles」(地圖樣式),然後視需要選取專案。
建立或開啟地圖樣式,然後選取「Customize in the style editor」(在樣式編輯器中自訂)。詳情請參閱「建立地圖樣式」。
在「Map Features」(地圖項目) 窗格中,選取要自訂的地圖項目,窗格隨即開啟並顯示可自訂的元素。
找到要新增縮放等級樣式的元素,然後選取右側的縮放鑽石圖示,開啟縮放等級樣式設定窗格。
在「Current Zoom」(目前縮放比例) 旁,選取您要自訂的縮放比例。預覽地圖會根據該縮放等級進行調整。
選取「Add Keyzoom」(新增 Keyzoom)。
「縮放等級樣式設定」窗格會改為顯示縮放等級 0 及目前樣式 (在本例中為黑色),且會在選取的縮放等級新增一行。請設定這個縮放等級的樣式,如有需要,也可設定縮放等級 0 的樣式。
如要設定其他縮放等級,請變更「Current Zoom」(目前縮放比例) 並再次選取「Add Keyzoom」(新增 Keyzoom),在清單中加入其他縮放等級。您可以一直新增及設定縮放等級樣式,直到完成為止。
完成後,請關閉縮放等級樣式設定窗格。
儲存及發布縮放等級樣式設定
如要儲存地圖樣式設定變更,請選取「Save」(儲存)。
如要將變更直接套用至與地圖樣式相關聯的地圖 ID,請選取「Publish」(發布)。
移除縮放等級樣式
在「Map Features」(地圖項目) 窗格中,選取要自訂的地圖項目。
找到要移除縮放等級樣式設定的元素,然後選取右側的小型縮放鑽石圖示。設有縮放等級樣式的元素,會顯示填滿藍色的鑽石圖示。
找到要移除的縮放等級並選取旁邊的垃圾桶圖示,即可刪除該縮放等級。
選取 X 可關閉縮放等級樣式設定窗格。
移除所有縮放等級樣式
在地圖項目的元素窗格中,開啟縮放等級樣式設定窗格。
逐一點選縮放等級旁的垃圾桶圖示,直到全數移除。
如要從該地圖項目元素中移除所有自訂樣式設定,請在元素窗格中,選取元素名稱旁的減號圖示。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-06-28 (世界標準時間)。
[{
"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-06-28 (\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-06-28 (世界標準時間)。"]]