Personalizza gli indicatori

Seleziona la piattaforma: Android iOS JavaScript

La ConsumerMapStyle fornisce metodi setter e getter con personalizzazione dinamica per indicatori e polilinee. Esponi questo corso in modo asincrono utilizzando ConsumerController.getConsumerMapStyle() .

La personalizzazione dell'interfaccia utente persiste durante le rotazioni del dispositivo e rimane in vigore finché non scolleghi il ConsumerController.

Personalizza gli indicatori

Per impostare il tipo di indicatore e le sue proprietà, utilizza la ConsumerMapStyle.setMarkerStyleOptions() . La tua Le opzioni degli indicatori sostituiscono i valori predefiniti forniti dall'SDK consumer. Per ripristinare i valori predefiniti, chiama setMarkerStyleOptions() utilizzando null per il parametro MarkerOptions. Recupera il MarkerOptions attivo utilizzando getMarkerStyleOptions().

Seleziona un tipo di indicatore

Puoi utilizzare e personalizzare le seguenti icone di indicatori:

  • TRIP_PICKUP_POINT - Viene visualizzato durante la condivisione del percorso
  • TRIP_DROPOFF_POINT - Viene visualizzato durante la condivisione del percorso
  • TRIP_INTERMEDIATE_DESTINATION
  • TRIP_VEHICLE - Viene visualizzato durante la condivisione del percorso

    L'SDK consumer si aggiorna la rotazione dell'icona TRIP_VEHICLE durante il monitoraggio della corsa per simulare comportamento del veicolo durante il tragitto.

di Gemini Advanced.

Seleziona opzioni indicatore

Per personalizzare gli indicatori per la tua app consumer:

  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 "Setter" di stile.

  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 un tuo elemento UI 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