Markierungen anpassen

Plattform auswählen: Android iOS JavaScript

Die ConsumerMapStyle -Klasse bietet Setter- und Getter-Methoden mit dynamischer Anpassung für Markierungen und Polylinien. Sie stellen diese Klasse asynchron mithilfe der Methode ConsumerController.getConsumerMapStyle() .

Die Anpassung der Benutzeroberfläche bleibt für alle Gerätedrehungen wirksam und bleibt wirksam, bis trennen Sie die ConsumerController

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. Aktive MarkerOptions abrufen mit getMarkerStyleOptions()

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

    Updates des Consumer SDK Drehung des TRIP_VEHICLE-Symbols während der Fahrtüberwachung, um das des tatsächlichen Fahrzeugs auf der Route.

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. Sie können dann 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