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

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

ConsumerMapStyle クラスは、動的なカスタマイズが可能なセッター メソッドとゲッター メソッドを提供します。 をご覧ください。このクラスは、 ConsumerController.getConsumerMapStyle() メソッドを呼び出します。

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

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

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

次のステップ