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

Um den Markierungstyp und seine Eigenschaften festzulegen, verwenden Sie die ConsumerMapStyle.setMarkerStyleOptions() . Ihr individuelles Markierungsoptionen überschreiben die vom Consumer SDK bereitgestellten Standardwerte. Rufe zum Wiederherstellen der Standardwerte setMarkerStyleOptions() mit null auf. für den Parameter MarkerOptions. Rufen Sie die aktive MarkerOptions mit getMarkerStyleOptions() ab.

Markierungstyp auswählen

Sie können die folgenden Markierungssymbole verwenden und anpassen:

  • TRIP_PICKUP_POINT – Wird beim Teilen der Reise angezeigt
  • TRIP_DROPOFF_POINT – Wird beim Teilen der Reise angezeigt
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – Wird beim Teilen der Reise angezeigt

    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 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 mithilfe des Konstruktors.

  3. Benutzerdefinierte Eigenschaften mit „Setter“ angeben Stilmethoden.

  4. Sie können auch Ihr eigenes UI-Element verwenden, indem Sie die Muster nachahmen. MarkerOptions-Konstruktor bereitgestellt.

  5. Wenn Sie eine Markierung deaktivieren möchten, setzen Sie die Eigenschaft visible auf false. Anschließend können Sie Ihr eigenes UI-Element verwenden.

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