Menyesuaikan penanda

Pilih platform: Android iOS JavaScript

Class ConsumerMapStyle menyediakan metode setter dan getter dengan penyesuaian dinamis untuk penanda dan polyline. Anda mengekspos class ini secara asinkron menggunakan the ConsumerController.getConsumerMapStyle() metode.

Penyesuaian UI tetap ada di seluruh rotasi perangkat dan tetap berlaku hingga Anda melepaskan ConsumerController.

Menyesuaikan penanda

Untuk menetapkan jenis penanda dan propertinya, gunakan ConsumerMapStyle.setMarkerStyleOptions() metode. Opsi penanda kustom Anda akan mengganti nilai default yang disediakan oleh Consumer SDK. Untuk memulihkan nilai default, panggil setMarkerStyleOptions() menggunakan null untuk parameter MarkerOptions. Ambil MarkerOptions menggunakan getMarkerStyleOptions().

Memilih jenis penanda

Anda dapat menggunakan dan menyesuaikan ikon penanda berikut:

  • TRIP_PICKUP_POINT - Ditampilkan saat mengikuti perjalanan
  • TRIP_DROPOFF_POINT - Ditampilkan saat mengikuti perjalanan
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - Ditampilkan saat mengikuti perjalanan

    Consumer SDK memperbarui rotasi ikon TRIP_VEHICLE selama pemantauan perjalanan untuk meniru perilaku kendaraan sebenarnya saat melakukan perjalanan.

Memilih opsi penanda

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

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

  2. Buat MarkerOptions menggunakan konstruktornya.

  3. Tentukan properti kustom menggunakan metode gaya 'Setter'.

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

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

Untuk mengetahui informasi selengkapnya, 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