Menyesuaikan penanda

Pilih platform: Android iOS JavaScript

ConsumerMapStyle menyediakan metode penyetel dan pengambil dengan penyesuaian dinamis untuk penanda dan polyline. Anda mengekspos class ini secara asinkron menggunakan ConsumerController.getConsumerMapStyle() .

Penyesuaian UI akan tetap ada di seluruh rotasi perangkat dan tetap berlaku hingga Anda melepas ConsumerController

Menyesuaikan penanda

Untuk menetapkan jenis penanda dan propertinya, gunakan metode ConsumerMapStyle.setMarkerStyleOptions() . Kustom Anda opsi penanda menggantikan nilai default yang disediakan oleh Consumer SDK. Untuk memulihkan nilai default, panggil setMarkerStyleOptions() menggunakan null untuk parameter MarkerOptions. Mengambil MarkerOptions yang aktif menggunakan getMarkerStyleOptions().

Pilih jenis penanda

Anda dapat menggunakan dan menyesuaikan ikon penanda berikut:

  • TRIP_PICKUP_POINT - Ditampilkan selama berbagi perjalanan
  • TRIP_DROPOFF_POINT - Ditampilkan selama berbagi perjalanan
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - Ditampilkan selama berbagi perjalanan

    Update Consumer SDK rotasi ikon TRIP_VEHICLE selama pemantauan perjalanan untuk meniru perilaku kendaraan yang sebenarnya saat melalui rute tersebut.

Pilih opsi penanda

Anda dapat menyesuaikan penanda untuk aplikasi konsumen dengan mengikuti langkah-langkah berikut:

  1. Gunakan properti untuk setiap penanda yang diberikan oleh Google Maps MarkerOptions.

  2. Bangun MarkerOptions menggunakan konstruktornya.

  3. Menentukan properti khusus menggunakan 'Setter' metode gaya.

  4. Jika Anda ingin, gunakan elemen UI Anda sendiri dengan meniru polanya yang disediakan oleh konstruktor MarkerOptions.

  5. Untuk menonaktifkan penanda, tetapkan properti visible ke false. Anda kemudian dapat menggunakan elemen UI Anda sendiri.

Untuk informasi lebih lanjut, lihat Google Maps MarkerOptions

Contoh penyesuaian penanda

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)

Langkah berikutnya