雲端自訂功能

選取平台: Android iOS JavaScript

Google 地圖平台提供雲端式地圖樣式設定功能,讓您輕鬆使用 Google Cloud 控制台設定地圖樣式,以及自訂和管理地圖,從而改善地圖的整體使用者體驗。為方便您採用及管理相關功能,現在透過 Cloud Console 就能利用雲端式地圖樣式設定多項新工具:

  • 可輕鬆建立樣式的樣式編輯器。
  • 建立與管理地圖 ID。
  • 建立與管理自訂地圖樣式。
  • 動態更新樣式工具。

在應用程式中加入地圖 ID

地圖 ID 是指與特定地圖樣式或地圖項目相關聯的 ID。 您可以先設定地圖樣式,並將地圖樣式與 Google Cloud 控制台中的地圖 ID 建立關聯。 這樣一來,當您在程式碼中參照該地圖 ID 時,相關的地圖樣式就會顯示在應用程式中。後續的任何樣式更新也會自動顯示在應用程式中,客戶不需要進行任何更新。

您可以使用 MapView 類別 (或藉由程式輔助方式使用 GoogleMapOptions 類別),透過活動版面配置檔案中的 <fragment> 元素新增地圖 ID

舉例來說,假設您建立了名為 map_id 的地圖 ID,並以字串值形式儲存於 res/values/strings.xml 中:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="map_id">YOUR_MAP_ID</string>
</resources>

如果是透過活動版面配置檔案中的 <fragment> 元素新增的地圖,所有要設定自訂樣式的地圖片段都必須在 map:mapId 屬性中指定地圖 ID:

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    class="com.google.android.gms.maps.SupportMapFragment"
    …
    map:mapId="@string/map_id" />

您也可以使用 MapView 類別的 map:mapId 屬性指定地圖 ID:

<com.google.android.gms.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

如要透過程式輔助方式指定地圖 ID,請使用 GoogleMapOptions 類別將 ID 傳送至 SupportMapFragment 例項:

Java


GoogleMapOptions options = new GoogleMapOptions()
    .mapId("YOUR_MAP_ID");
SupportMapFragment mapFragment = SupportMapFragment.newInstance(options);

      

Kotlin


val options = GoogleMapOptions()
  .mapId("YOUR_MAP_ID")
val mapFragment = SupportMapFragment.newInstance(options)

      

或者,您也可以將地圖 ID 傳送至 MapView 例項:

Java


GoogleMapOptions options = new GoogleMapOptions()
    .mapId("YOUR_MAP_ID");
MapView mapView = new MapView(context, options);

      

Kotlin


val options = GoogleMapOptions()
    .mapId("YOUR_MAP_ID")
val mapView = MapView(context, options)

      

在 Android Studio 中,按照平常的操作方式建構及執行應用程式。自訂樣式會套用至所有具備 ID 的地圖。

使用地圖樣式編輯器

地圖樣式編輯器是 GUI 型工具,您可透過 Google Cloud Console 使用。

瞭解如何使用雲端式地圖樣式設定工具