雲端式地圖樣式設定

Google 地圖平台提供雲端式地圖樣式設定功能，方便您使用 Google Cloud 控制台輕鬆設定地圖樣式，以及自訂和管理地圖。如此一來，您不必在每次變更樣式時更新應用程式的程式碼，即可為使用者打造自訂的地圖體驗。

在 2020 年 9 月 15 日前建立的樣式不會顯示 Google 地圖的進階自然地貌。請建立地圖樣式，即可使用支援地圖樣式設定功能的 Google 地圖進階自然地貌。

您可以透過雲端式地圖樣式設定，為使用 Google 地圖的任何應用程式建立及編輯地圖樣式，無須更改程式碼中的地圖 ID。 即使不具備任何程式設計技能，也可以在 Cloud 控制台中進行所有樣式變更，例如變更道路、建築物、水域、搜尋點和大眾運輸路線等多種地圖元素的外觀和顏色。

這些功能包括：

• 雲端式地圖樣式設定：您不必使用 JSON 程式碼設定地圖樣式，在 Cloud 控制台中即可使用地圖 ID 和地圖樣式，來管理動態或靜態地圖及設定相關樣式。
• 篩選商家搜尋點：您可以視需要從地圖顯示內容中移除五種類別的商家搜尋點。
• 控制搜尋點密度：您可以調整基本地圖上顯示的搜尋點密度，預設顯示較多或較少搜尋點。

雖然雲端式地圖樣式設定適用於 Maps SDK for Android¹、Maps SDK for iOS、JavaScript 和 Maps Static API，但部分功能不會顯示在所有平台上。

事前準備

• 建立地圖 ID
  如要使用雲端式地圖樣式設定，必須以地圖 ID 載入地圖。
• 從硬式編碼樣式換成雲端式設定
  請新增地圖 ID，才能在原本採用硬式編碼樣式 (例如 JSON 或網址查詢參數) 的自訂地圖上，使用雲端式地圖樣式設定。但是在此之前，建議您先移除硬式編碼樣式，以免與日後推出的功能發生衝突。您可以 將 JSON 樣式匯入至新地圖樣式。
  • 在 Android 上，更新 MapStyleOptions
  • 在 iOS 上，更新 GMSMapStyle 類別
  • 在 JavaScript 上，移除 MapTypeStyle 樣式
  • 在 Maps Static 上，移除 style 參數

計費方式

如要使用雲端式地圖樣式設定功能，需要有地圖 ID。在 Maps SDK for Android、Maps SDK for iOS 和 JavaScript 中使用地圖 ID 時，系統會根據 Dynamic Maps SKU 收取費用。在 Maps Static API 中使用地圖 ID 時，系統會根據 Static Maps SKU 收取費用。

範例

執行 ApiDemos 範例應用程式

如要執行 ApiDemos 範例應用程式，請參閱 GitHub 範例 GoogleMap 範例應用程式，並查看 CloudBasedMapStylingViewController 專案 (Swift 的 GitHub 範例 | Goal-C)。

選用的 Cloud Styling CocoaPod 或 GitHub 示範

與其從頭開始設定，您可以試用我們的 GOAL-C 範例應用程式，瞭解如何從雲端設定 iOS 地圖的樣式。請按這裡。

建立 Beta 版試用版應用程式

在 Xcode 中，按下編譯按鈕以建構，並執行目前的配置。建構作業會產生錯誤，並提示您在 SDKDemoAPIKey.h 檔案中輸入 API 金鑰。

如果您尚未取得 API 金鑰，請按照這些操作說明在 Cloud 控制台中設定專案並取得 API 金鑰。在 Cloud 控制台設定金鑰時，您可以指定應用程式的套件 ID，確保只有您的應用程式可以使用該金鑰。SDK 範例應用程式的預設軟體包 ID 為 com.example.GoogleMapsDemos。

編輯 SDKDemoAPIKey.h 檔案，並將 API 金鑰貼到 kAPIKey 常數的定義中：

```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```

如果 Xcode 提示您解鎖 SDKDemoAPIKey.h 檔案進行編輯，請選擇「Unlock」。

移除下列程式碼：

```
#error Register for API Key and insert here.
```

建構並執行專案。

雲端式地圖樣式設定地圖示範

CloudStyling 示範說明如何使用 Google Cloud 控制台中的樣式設定來設定地圖樣式。

啟動示範應用程式後，在清單頂端的「Beta 範例」部分中，按一下「地圖自訂」示範。

按一下 [樣式地圖]，查看載入不同地圖 ID 的效果。

您也可以嘗試新增自己的樣式 (「樣式地圖」>「新增地圖 ID」)，然後以自訂樣式地圖查看地圖更新。