Personnaliser les repères

Sélectionnez une plate-forme : Android iOS JavaScript

ConsumerMapStyle fournit des méthodes setter et getter avec une personnalisation dynamique pour les repères et les polylignes. Vous exposez cette classe de manière asynchrone à l'aide de la méthode ConsumerController.getConsumerMapStyle().

La personnalisation de l'interface utilisateur persiste entre les rotations d'appareil et reste effective jusqu'à vous dissociez le ConsumerController

Personnaliser les repères

Pour définir le type de repère et ses propriétés, utilisez les ConsumerMapStyle.setMarkerStyleOptions() . Votre Les options des repères remplacent les valeurs par défaut fournies par le SDK grand public. Pour restaurer les valeurs par défaut, appelez setMarkerStyleOptions() à l'aide de null. pour le paramètre MarkerOptions. Récupérer l'élément MarkerOptions actif avec getMarkerStyleOptions()

Sélectionnez un type de repère

Vous pouvez utiliser et personnaliser les icônes de repère suivantes:

  • TRIP_PICKUP_POINT : s'affiche pendant le partage de trajet
  • TRIP_DROPOFF_POINT : s'affiche pendant le partage de trajet
  • TRIP_INTERMEDIATE_DESTINATION
  • TRIP_VEHICLE : s'affiche pendant le partage de trajet

    Mises à jour du SDK grand public la rotation de l'icône TRIP_VEHICLE pendant la surveillance du trajet pour imiter la le comportement du véhicule sur l'itinéraire.

Sélectionner les options du repère

Vous pouvez personnaliser les repères de votre application grand public en procédant comme suit:

  1. Utilisez les propriétés de chaque repère fourni par Google Maps MarkerOptions.

  2. Compilez MarkerOptions à l'aide de son constructeur.

  3. Spécifiez des propriétés personnalisées à l'aide de méthodes de style "Setter".

  4. Si vous préférez, utilisez votre propre élément d'interface utilisateur en imitant les modèles fournie par le constructeur MarkerOptions.

  5. Pour désactiver un repère, définissez la propriété visible sur false. Vous pouvez ensuite utilisez votre propre élément d'interface utilisateur à la place.

Pour en savoir plus, consultez Google Maps MarkerOptions

Exemples de personnalisations de repères

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)

Étape suivante