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. Extrair o MarkerOptions ativo usando getMarkerStyleOptions().

Selecionar um tipo de marcador

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

• 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: exibições durante o compartilhamento da viagem

  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.

.

Observação :para resultados de animação mais realistas, use a perspectiva de visualização superior para TRIP_VEHICLE, com a frente do veículo orientada para cima.

Observação: o ícone do marcador não muda. de acordo com o tipo de veículo real da viagem.

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.

   Observação: como o SDK fornece valores padrão para cada propriedade do marcador, somente especifique propriedades personalizadas para os valores que você quer mudar.

4. Se preferir, use seu próprio elemento de interface imitando os padrões fornecida 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

• Personalizar polilinhas do trajeto