Dostosowywanie znaczników

Wybierz platformę: Android iOS JavaScript

Klasa ConsumerMapStyle udostępnia metody setter i getter z dynamiczną personalizacją znaczników i polilinii. Klasę tę udostępniasz asynchronicznie za pomocą metody ConsumerController.getConsumerMapStyle().

Personalizacja interfejsu jest zachowana po przekręceniu urządzenia i pozostanie aktywna, dopóki nie odłączysz ConsumerController.

Dostosowywanie znaczników

Aby ustawić typ znacznika i jego właściwości, użyj metody ConsumerMapStyle.setMarkerStyleOptions(). Twoje niestandardowe opcje znaczników zastępują wartości domyślne udostępniane przez pakiet Consumer SDK. Aby przywrócić wartości domyślne, wywołaj funkcję setMarkerStyleOptions(), podając parametr null o wartości MarkerOptions. Pobierz aktywny element MarkerOptions za pomocą elementu getMarkerStyleOptions().

Wybierz typ znacznika

Możesz używać i dostosowywać te ikony znaczników:

  • TRIP_PICKUP_POINT – wyświetla się podczas śledzenia podróży.
  • TRIP_DROPOFF_POINT – wyświetla się podczas śledzenia podróży.
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – wyświetla się podczas śledzenia podróży.

    Podczas monitorowania przejazdu pakiet Consumer SDK aktualizuje rotację ikony TRIP_VEHICLE, aby naśladować zachowanie rzeczywistego pojazdu podczas przejazdu po trasie.

Wybieranie opcji znacznika

Aby dostosować znaczniki w aplikacji dla użytkowników, wykonaj te czynności:

  1. Użyj właściwości każdego znacznika dostarczonych przez Mapy Google MarkerOptions.

  2. Utwórz MarkerOptions za pomocą jego konstruktora.

  3. Określanie właściwości niestandardowych za pomocą metod stylu „setter”.

  4. Jeśli wolisz, użyj własnego elementu UI, naśladując wzorce udostępnione przez konstruktor MarkerOptions.

  5. Aby wyłączyć znacznik, ustaw właściwość visible na false. Następnie możesz użyć własnego elementu interfejsu.

Więcej informacji znajdziesz w Mapach Google MarkerOptions.

Przykłady dostosowywania znaczników

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)

Co dalej?