Personalizar marcadores

Selecione a plataforma: Android iOS JavaScript

O ConsumerMapStyle oferece métodos setter e getter com personalização dinâmica para marcadores e polilinhas. Exponha essa classe de forma assíncrona usando o método ConsumerController.getConsumerMapStyle() .

A personalização da interface persiste entre rotações do dispositivo e permanece em vigor até você remover ConsumerController

Personalizar marcadores

Para definir o tipo de marcador e suas propriedades, use o método ConsumerMapStyle.setMarkerStyleOptions() . Sua personalização As opções do marcador substituem os valores padrão fornecidos pelo SDK do consumidor. Para restaurar os valores padrão, chame setMarkerStyleOptions() usando null para o parâmetro MarkerOptions. Extraia o MarkerOptions ativo usando getMarkerStyleOptions().

Selecionar um tipo de marcador

Você pode usar e personalizar os seguintes ícones de marcador:

  • TRIP_PICKUP_POINT: exibições durante o compartilhamento da viagem
  • TRIP_DROPOFF_POINT: exibições durante o compartilhamento da viagem
  • TRIP_INTERMEDIATE_DESTINATION
  • TRIP_VEHICLE: aparece durante o compartilhamento de jornada

    Atualizações do SDK para o consumidor a rotação do ícone TRIP_VEHICLE durante o monitoramento de viagem para imitar o comportamento do veículo enquanto ele percorre o trajeto.

.

Selecionar opções do marcador

Para personalizar os marcadores do seu app para o consumidor, siga estas etapas:

  1. Use as propriedades para cada marcador fornecido pelo MarkerOptions do Google Maps.

  2. Crie MarkerOptions usando o construtor.

  3. Especificar propriedades personalizadas usando "Setter" métodos de estilo.

  4. Se preferir, use seu próprio elemento de interface imitando os padrões fornecidos pelo construtor MarkerOptions.

  5. Para desativar um marcador, defina a propriedade visible como false. É possível use seu próprio elemento de IU no lugar dele.

Para mais informações, consulte o Google Maps MarkerOptions

Exemplos de personalizações 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)

A seguir