自訂標記

選取平台: Android iOS JavaScript

ConsumerMapStyle 類別提供具有動態自訂功能的 setter 和 getter 方法 標記和折線。您可以使用 ConsumerController.getConsumerMapStyle()敬上 方法。

UI 自訂項目在裝置旋轉時仍會持續顯示,直到 就能從 ConsumerController

自訂標記

如要設定標記類型及其屬性,請使用 ConsumerMapStyle.setMarkerStyleOptions()敬上 方法。自訂標記選項會覆寫 Consumer SDK 提供的預設值。如要還原預設值,請使用 nullMarkerOptions 參數呼叫 setMarkerStyleOptions()。擷取啟用中的MarkerOptions 使用 getMarkerStyleOptions()

選取標記類型

您可以使用及自訂下列標記圖示:

  • TRIP_PICKUP_POINT:在旅程分享期間顯示
  • TRIP_DROPOFF_POINT - 在分享歷程時顯示
  • TRIP_INTERMEDIATE_DESTINATION
  • TRIP_VEHICLE - 在分享歷程時顯示

    Consumer SDK 更新 在監控行程期間,TRIP_VEHICLE 圖示的旋轉角度會模仿 實際車輛的行為。

,瞭解如何調查及移除這項存取權。

選取標記選項

您可以按照下列步驟,自訂消費者應用程式的標記:

  1. 使用 Google 地圖 MarkerOptions 提供的每個標記屬性。

  2. 使用其建構函式建構 MarkerOptions

  3. 使用「Setter」樣式方法指定自訂屬性。

  4. 如果您偏好使用自己的 UI 元素,請模仿 MarkerOptions 建構函式提供的模式。

  5. 如要關閉標記,請將 visible 屬性設為 false。您可以使用自己的 UI 元素取代它。

詳情請參閱 Google 地圖。 MarkerOptions

標記自訂範例

Java

// Initializing marker options.
consumerController
    .getConsumerMapStyle()
    .addOnSuccessListener(
        consumerMapStyle -> {
          consumerMapStyle.setMarkerStyleOptions(
              MarkerType.TRIP_VEHICLE,
              new MarkerOptions()
                  .visible(false));
        });

// Reset marker options to default values.
consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, null);

Kotlin

// Initializing marker options.
consumerController
  .getConsumerMapStyle()
  .addOnSuccessListener({ consumerMapStyle ->
    consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, MarkerOptions().visible(false))
  })

// Reset marker options to default values.
consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, null)

後續步驟