Personaliza los marcadores

Selecciona la plataforma: Android iOS JavaScript

El ConsumerMapStyle proporciona métodos set y get con personalización dinámica para marcadores y polilíneas. Puedes exponer esta clase de forma asíncrona con la clase ConsumerController.getConsumerMapStyle() .

La personalización de la IU persiste en todas las rotaciones del dispositivo y permanece activa se desvinculan ConsumerController

Personaliza los marcadores

Para establecer el tipo de marcador y sus propiedades, usa el método ConsumerMapStyle.setMarkerStyleOptions(). Tu configuración personalizada Las opciones de marcadores anulan los valores predeterminados que proporciona el SDK de consumidor. Para restablecer los valores predeterminados, llama a setMarkerStyleOptions() con null para el parámetro MarkerOptions. Recupera los MarkerOptions activos mediante getMarkerStyleOptions()

Selecciona un tipo de marcador

Puedes usar y personalizar los siguientes íconos de marcadores:

  • TRIP_PICKUP_POINT: Muestras durante el recorrido compartido
  • TRIP_DROPOFF_POINT: Muestras durante el recorrido compartido
  • TRIP_INTERMEDIATE_DESTINATION
  • TRIP_VEHICLE: Se muestra durante el uso de la función de viajes compartidos.

    El SDK del consumidor se actualiza la rotación del ícono TRIP_VEHICLE durante la supervisión de viajes para imitar el el comportamiento del vehículo en su recorrido por la ruta.

Selecciona las opciones de marcadores

Si deseas personalizar los marcadores para tu app para consumidores, sigue estos pasos:

  1. Usa las propiedades de cada marcador que proporciona Google Maps MarkerOptions.

  2. Compila MarkerOptions con su constructor.

  3. Especifica propiedades personalizadas con métodos de estilo "Setter".

  4. Si lo prefieres, puedes usar tu propio elemento de la IU imitando los patrones. que proporciona el constructor MarkerOptions

  5. Para desactivar un marcador, establece la propiedad visible en false. Luego, puedes usar tu propio elemento de la IU en su lugar.

Para obtener más información, consulta Google Maps MarkerOptions

Ejemplo de personalizaciones de marcadores

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)

¿Qué sigue?