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 aktiv, bis Sie das ConsumerController abnehmen.

Markierungen anpassen

Verwenden Sie die Methode ConsumerMapStyle.setMarkerStyleOptions(), 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 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. Sie können auch ein 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 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