Markierungen anpassen

Plattform auswählen: Android iOS JavaScript

Die Klasse ConsumerMapStyle bietet Setzer- und Gettermethoden mit dynamischer Anpassung für Markierungen und Polylinien. Sie stellen diese Klasse asynchron mit der Methode ConsumerController.getConsumerMapStyle() bereit.

Die Anpassung der Benutzeroberfläche bleibt bei Gerätedrehungen erhalten und gilt so lange, bis Sie das ConsumerController trennen.

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. Rufe die aktive MarkerOptions mit getMarkerStyleOptions() ab.

Markierungstyp auswählen

Sie können die folgenden Markierungssymbole verwenden und anpassen:

  • TRIP_PICKUP_POINT – Wird angezeigt, wenn eine Fahrt verfolgt wird
  • TRIP_DROPOFF_POINT – Wird angezeigt, wenn eine Fahrt verfolgt wird
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – Wird angezeigt, wenn eine Fahrt verfolgt wird

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

Markierungsoptionen auswählen

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

  1. Verwenden Sie für jede Markierung die von Google Maps bereitgestellten Eigenschaften MarkerOptions.

  2. Erstellen Sie MarkerOptions mit dem Konstruktor.

  3. Geben Sie benutzerdefinierte Properties mithilfe von Methoden im Stil von Settern 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 anstelle des Standardelements ein eigenes UI-Element verwenden.

Weitere Informationen finden Sie in 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