Tùy chỉnh điểm đánh dấu

Chọn nền tảng: Android iOS JavaScript

Lớp ConsumerMapStyle cung cấp các phương thức setter và getter với tính năng tuỳ chỉnh động cho điểm đánh dấu và đường nhiều đoạn thẳng. Bạn hiển thị lớp này một cách không đồng bộ bằng phương thức ConsumerController.getConsumerMapStyle().

Tính năng tuỳ chỉnh giao diện người dùng vẫn duy trì khi thiết bị xoay và vẫn có hiệu lực cho đến khi bạn tách ConsumerController.

Tuỳ chỉnh điểm đánh dấu

Để đặt loại điểm đánh dấu và các thuộc tính của điểm đánh dấu, hãy sử dụng ConsumerMapStyle.setMarkerStyleOptions() phương thức. Các lựa chọn điểm đánh dấu tuỳ chỉnh sẽ ghi đè các giá trị mặc định do Consumer SDK cung cấp. Để khôi phục các giá trị mặc định, hãy gọi setMarkerStyleOptions() bằng cách sử dụng null cho tham số MarkerOptions. Truy xuất MarkerOptions bằng getMarkerStyleOptions().

Chọn loại điểm đánh dấu

Bạn có thể sử dụng và tuỳ chỉnh các biểu tượng điểm đánh dấu sau:

  • TRIP_PICKUP_POINT – Hiển thị khi theo dõi một chuyến đi
  • TRIP_DROPOFF_POINT – Hiển thị khi theo dõi một chuyến đi
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – Hiển thị khi theo dõi một chuyến đi

    Consumer SDK cập nhật hướng xoay của biểu tượng TRIP_VEHICLE trong quá trình giám sát chuyến đi để mô phỏng hành vi của chiếc xe thực tế khi di chuyển trên tuyến đường.

Chọn các lựa chọn điểm đánh dấu

Bạn có thể tuỳ chỉnh điểm đánh dấu cho ứng dụng dành cho người tiêu dùng bằng cách làm theo các bước sau:

  1. Sử dụng các thuộc tính cho từng điểm đánh dấu do Google Maps MarkerOptions cung cấp.

  2. Tạo MarkerOptions bằng hàm khởi tạo.

  3. Chỉ định các thuộc tính tuỳ chỉnh bằng phương thức kiểu "Setter".

  4. Nếu muốn, bạn có thể sử dụng phần tử trên giao diện người dùng của riêng mình bằng cách mô phỏng các mẫu do hàm khởi tạo MarkerOptions cung cấp.

  5. Để tắt một điểm đánh dấu, hãy đặt thuộc tính visible thành false. Sau đó, bạn có thể sử dụng phần tử trên giao diện người dùng của riêng mình thay cho điểm đánh dấu đó.

Để biết thêm thông tin, hãy xem Google Maps MarkerOptions.

Ví dụ về cách tuỳ chỉnh điểm đánh dấu

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)

Bước tiếp theo