마커 맞춤설정하기

플랫폼 선택: Android iOS JavaScript

ConsumerMapStyle 클래스는 마커와 다중선에 대한 동적 맞춤설정이 있는 setter 및 getter 메서드를 제공합니다. ConsumerController.getConsumerMapStyle() 메서드를 사용하여 이 클래스를 비동기식으로 노출합니다.

UI 맞춤설정은 기기 회전 시에도 유지되며 ConsumerController를 분리할 때까지 적용됩니다.

마커 맞춤설정하기

마커 유형과 속성을 설정하려면 ConsumerMapStyle.setMarkerStyleOptions() 메서드를 사용합니다. 맞춤 마커 옵션은 Consumer SDK에서 제공하는 기본값을 재정의합니다. 기본값을 복원하려면 MarkerOptions 매개변수에 null를 사용하여 setMarkerStyleOptions()를 호출합니다. getMarkerStyleOptions()을 사용하여 활성 MarkerOptions를 가져옵니다.

마커 유형 선택

다음 마커 아이콘을 사용하고 맞춤설정할 수 있습니다.

  • TRIP_PICKUP_POINT - 여행을 따라가는 동안 표시됨
  • TRIP_DROPOFF_POINT - 여행을 따라가는 동안 표시됨
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - 여행을 따라가는 동안 표시됨

    소비자 SDK는 이동 모니터링 중에 TRIP_VEHICLE 아이콘의 회전을 업데이트하여 경로를 이동하는 실제 차량의 동작을 모방합니다.

마커 옵션 선택

다음 단계에 따라 소비자 앱의 마커를 맞춤설정할 수 있습니다.

  1. Google 지도 MarkerOptions에서 제공하는 각 마커의 속성을 사용합니다.

  2. 생성자를 사용하여 MarkerOptions을 빌드합니다.

  3. 'Setter' 스타일 메서드를 사용하여 맞춤 속성을 지정합니다.

  4. 원하는 경우 MarkerOptions 생성자에서 제공하는 패턴을 모방하여 자체 UI 요소를 사용하세요.

  5. 마커를 사용 중지하려면 visible 속성을 false로 설정하세요. 그런 다음 자체 UI 요소를 대신 사용할 수 있습니다.

자세한 내용은 Google 지도 MarkerOptions를 참고하세요.

마커 맞춤설정 예시

자바

// 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)

다음 단계