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 stellen diese Klasse asynchron mit der Methode ConsumerController.getConsumerMapStyle() bereit.

Die Anpassung der Benutzeroberfläche bleibt auch beim Drehen des Geräts erhalten und bleibt wirksam, bis Sie die ConsumerController trennen.

Markierungen anpassen

Verwenden Sie die Methode ConsumerMapStyle.setMarkerStyleOptions(), um den Markierungstyp und seine Eigenschaften festzulegen. Ihre benutzerdefinierten Markierungsoptionen überschreiben die Standardwerte, die vom Consumer SDK bereitgestellt werden. 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 – Wird angezeigt, wenn Sie einer Fahrt folgen
  • TRIP_DROPOFF_POINT – Wird angezeigt, wenn Sie einer Route folgen
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – Wird angezeigt, wenn Sie einer Fahrt folgen

    Das Consumer SDK aktualisiert die Drehung des Symbols TRIP_VEHICLE während der Fahrtbeobachtung, um das Verhalten des tatsächlichen Fahrzeugs auf der Route nachzuahmen.

Markierungsoptionen auswählen

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

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

  2. Erstellen Sie MarkerOptions mit dem Konstruktor.

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

  4. Wenn Sie möchten, können Sie auch ein 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 die Anpassung von 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