마커 맞춤설정하기

플랫폼 선택: Android iOS JavaScript

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

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

마커 맞춤설정하기

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

마커 유형 선택

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

  • TRIP_PICKUP_POINT - 경로를 따라가는 동안 표시됩니다.
  • TRIP_DROPOFF_POINT - 경로를 따라가는 동안 표시됩니다.
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - 경로를 따라가는 동안 표시됩니다.

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

다음 단계