Markierungen anpassen

Plattform auswählen: Android iOS JavaScript

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

Die Anpassung der Benutzeroberfläche bleibt auch bei einer Drehung des Geräts erhalten und ist so lange aktiv, bis Sie das ConsumerController abnehmen.

Markierungen anpassen

Verwenden Sie die Methode ConsumerMapStyle.setMarkerStyleOptions(), um den Markierungstyp und seine Eigenschaften festzulegen. Ihre benutzerdefinierten Markeroptionen ü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 aktive MarkerOptions mit getMarkerStyleOptions() ab.

Markierungstyp auswählen

Sie können die folgenden Markierungssymbole verwenden und anpassen:

  • TRIP_PICKUP_POINT – Anzeigen während einer Fahrt
  • TRIP_DROPOFF_POINT – Anzeigen während einer Fahrt
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – Anzeigen während einer Fahrt

    Das Consumer SDK aktualisiert die Drehung des TRIP_VEHICLE-Symbols während der Fahrtüberwachung, um das Verhalten des tatsächlichen Fahrzeugs auf der Route nachzubilden.

Markierungsoptionen auswählen

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

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

  2. Erstellen Sie MarkerOptions mit seinem 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 vom MarkerOptions-Konstruktor bereitgestellten Muster 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 benutzerdefinierte Markierungen

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