Personalizza gli indicatori

Seleziona la piattaforma: Android iOS JavaScript

La classe ConsumerMapStyle fornisce metodi setter e getter con personalizzazione dinamica per indicatori e polilinee. Puoi esporre questa classe in modo asincrono utilizzando il metodo ConsumerController.getConsumerMapStyle().

La personalizzazione della UI persiste a ogni rotazione dei dispositivi e rimane attiva finché non scolleghi ConsumerController.

Personalizza gli indicatori

Per impostare il tipo di indicatore e le relative proprietà, utilizza il metodo ConsumerMapStyle.setMarkerStyleOptions(). Le opzioni di indicatori personalizzati sostituiscono i valori predefiniti forniti dall'SDK Consumer. Per ripristinare i valori predefiniti, chiama setMarkerStyleOptions() utilizzando null per il parametro MarkerOptions. Recupera MarkerOptions attivo utilizzando getMarkerStyleOptions().

Seleziona un tipo di indicatore

Puoi utilizzare e personalizzare le seguenti icone degli indicatori:

  • TRIP_PICKUP_POINT: viene visualizzato durante il monitoraggio di un viaggio
  • TRIP_DROPOFF_POINT: viene visualizzato durante il monitoraggio di un viaggio
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - Viene visualizzato mentre segui un viaggio

    L'SDK consumer aggiorna la rotazione dell'icona TRIP_VEHICLE durante il monitoraggio della corsa per imitare il comportamento del veicolo mentre percorre il percorso.

Seleziona le opzioni degli indicatori

Per personalizzare gli indicatori per la tua app per consumatori, segui questi passaggi:

  1. Utilizza le proprietà per ogni indicatore fornito da Google Maps MarkerOptions.

  2. Crea MarkerOptions utilizzando il relativo costruttore.

  3. Specifica le proprietà personalizzate utilizzando i metodi di stile "Impostatore".

  4. Se preferisci, utilizza il tuo elemento dell'interfaccia utente imitando i pattern forniti dal costruttore MarkerOptions.

  5. Per disattivare un indicatore, imposta la proprietà visible su false. Puoi quindi utilizzare il tuo elemento dell'interfaccia utente al suo posto.

Per saperne di più, consulta Google Maps MarkerOptions.

Esempi di personalizzazioni degli indicatori

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)

Passaggi successivi