Markierungen anpassen

Plattform auswählen: Android iOS JavaScript

Die ConsumerMapStyle Klasse bietet Setter- und Getter-Methoden mit dynamischer Anpassung für Markierungen und Polylinien. Sie machen diese Klasse asynchron mit der ConsumerController.getConsumerMapStyle() Methode verfügbar.

Die UI-Anpassung bleibt bei Geräteänderungen erhalten und ist so lange aktiv, bis Sie ConsumerControllertrennen.

Markierungen anpassen

Verwenden Sie die ConsumerMapStyle.setMarkerStyleOptions() Methode, um den Markierungstyp und seine Eigenschaften festzulegen. Ihre benutzerdefinierten Markierungsoptionen überschreiben die Standardwerte des Consumer SDK. Wenn Sie die Standardwerte wiederherstellen möchten, rufen Sie setMarkerStyleOptions() mit null für den Parameter MarkerOptions auf. Rufen Sie die aktiven MarkerOptions mit getMarkerStyleOptions() ab.

Markierungstyp auswählen

Sie können die folgenden Markierungssymbole verwenden und anpassen:

  • TRIP_PICKUP_POINT - wird während der Fahrt angezeigt
  • TRIP_DROPOFF_POINT - wird während der Fahrt angezeigt
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - wird während der Fahrt angezeigt

    Das Consumer SDK aktualisiert die Drehung des Symbols TRIP_VEHICLE während der Fahrtüberwachung, um das Verhalten des tatsächlichen Fahrzeugs nachzuahmen, während es die Route zurücklegt.

Markierungsoptionen auswählen

So passen Sie Markierungen für Ihre Consumer-App an:

  1. Verwenden Sie die Eigenschaften für jede Markierung, die von Google Maps MarkerOptions bereitgestellt werden.

  2. Erstellen Sie MarkerOptions mit dem zugehörigen Konstruktor.

  3. Geben Sie benutzerdefinierte Eigenschaften mit Methoden im Setter-Stil an.

  4. Alternativ können Sie Ihr eigenes UI-Element verwenden, indem Sie die Muster des MarkerOptions-Konstruktors nachahmen.

  5. Wenn Sie eine Markierung deaktivieren möchten, setzen Sie die Eigenschaft visible auf false. Sie können dann stattdessen Ihr eigenes UI-Element verwenden.

Weitere Informationen finden Sie unter Google Maps MarkerOptions.

Beispiele für Markierungsanpassungen

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)

Nächste Schritte