Google 地圖平台提供雲端式地圖樣式設定功能,以便您使用 Google Cloud 控制台輕鬆設定地圖樣式,以及自訂和管理地圖。如此一來,您不必在每次變更樣式時更新應用程式的程式碼,即可為使用者打造自訂的地圖體驗。
在 2020 年 9 月 15 日前建立的樣式不會顯示 Google 地圖的進階自然地貌。您必須建立地圖樣式,才能使用支援地圖樣式設定功能的 Google 地圖進階自然地貌。
您可以透過雲端式地圖樣式設定,為使用 Google 地圖的任何應用程式建立及編輯地圖樣式,無須更改程式碼中的地圖 ID。 所有樣式變更都可以在 Cloud 控制台中進行,不必具備任何程式設計技能,例如變更道路、建築物、水域、搜尋點和大眾運輸路線等多種地圖元素的外觀和顏色。
這些功能包括:
- 雲端式地圖樣式設定:您不必使用 JSON 程式碼設定地圖樣式,在 Cloud 控制台中即可使用地圖 ID 和地圖樣式,來管理動態或靜態地圖及設定相關樣式。
- 篩選商家搜尋點:您可以視需要從地圖顯示內容中移除五種類別的商家搜尋點。
- 控制搜尋點密度:您可以調整基本地圖上顯示的搜尋點密度,預設顯示較多或較少搜尋點。
雖然雲端式地圖樣式設定適用於 Maps SDK for Android1、Maps SDK for iOS、JavaScript 和 Maps Static API,但部分功能不會在所有平台上顯示。
事前準備
- 建立地圖 ID
如要使用雲端式地圖樣式設定,您必須使用地圖 ID 載入地圖。 - 從硬式編碼樣式遷移
在新增地圖 ID 以在以硬式編碼樣式 (例如 JSON 或網址查詢參數) 自訂的現有地圖上使用雲端式地圖樣式設定之前,建議您先移除硬式編碼樣式,以避免日後的地圖項目發生衝突。您可以將 JSON 樣式匯入至新地圖樣式中。- 在 Android 上,更新
MapStyleOptions
- 在 iOS 上,更新
GMSMapStyle
類別 - 在 JavaScript 上,移除
MapTypeStyle
樣式 - 在 Maps Static 上,移除
style
參數
- 在 Android 上,更新
帳單
使用雲端式地圖樣式設定功能需要有地圖 ID。在 Maps SDK for Android、Maps SDK for iOS 和 JavaScript 中,使用地圖 ID 會產生動態地圖 SKU 的費用。在 Maps Static API 中使用地圖 ID 時,系統會根據 Static Maps SKU 收取費用。
範例
地圖 ID 是指與特定地圖樣式或地圖項目相關聯的 ID。 您可以先設定地圖樣式,並將地圖樣式與 Google Cloud 控制台中的地圖 ID 建立關聯。 這樣一來,當您在程式碼中參照該地圖 ID 時,相關的地圖樣式就會顯示在應用程式中。後續的任何樣式更新也會自動顯示在應用程式中,客戶不需要進行任何更新。
如果您在使用
style
參數自訂的現有地圖中使用雲端式地圖樣式設定,請務必加以移除,以免日後發生衝突。如要將地圖 ID 新增至使用任一網路 API 的新地圖或現有地圖,請附加
map_id
網址參數,並將其設為您的地圖 ID。此範例說明如何使用 Maps Static API 在地圖上加入地圖 ID。<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />
-
Android 精簡模式不支援雲端式地圖樣式設定。 ↩