Markierungen anpassen

Plattform auswählen: Android iOS JavaScript

Die Klasse ConsumerMapStyle bietet Setzer- und Gettermethoden mit dynamischer Anpassung für Markierungen und Polylinien. Sie können diese Klasse mithilfe der Methode ConsumerController.getConsumerMapStyle() asynchron freigeben.

Die UI-Anpassung bleibt über Gerätedrehungen hinweg bestehen und bleibt wirksam, bis Sie 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. Rufen Sie die aktiven 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 ich einer Fahrt folge

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

Markierungsoptionen auswählen

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

  1. Verwende die Eigenschaften für jede von Google Maps bereitgestellte MarkerOptions-Markierung.

  2. Erstellen Sie MarkerOptions mit dem Konstruktor.

  3. Geben Sie benutzerdefinierte Eigenschaften mit "Setter"-Stilmethoden 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 ein eigenes UI-Element verwenden.

Weitere Informationen findest du unter MarkerOptions in Google Maps.

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