マーカーをカスタマイズする

プラットフォームを選択: Android iOS JavaScript

ConsumerMapStyle クラスは、マーカーとポリラインの動的なカスタマイズを備えたセッター メソッドとゲッター メソッドを提供します。このクラスは、 ConsumerController.getConsumerMapStyle() メソッドを呼び出します。

UI のカスタマイズは、デバイスの回転後も維持され、次の時点まで有効です。 Pod を ConsumerController。

マーカーをカスタマイズする

マーカーのタイプとそのプロパティを設定するには、 ConsumerMapStyle.setMarkerStyleOptions() メソッドを呼び出します。カスタム マーカーのオプションは、Consumer SDK が提供するデフォルト値をオーバーライドします。 デフォルト値を復元するには、MarkerOptions パラメータに null を使用して 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)

次のステップ