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 có khả năng tuỳ chỉnh linh hoạt cho các điểm đánh dấu và đường nhiều đoạn. Bạn sẽ hiển thị lớp này không đồng bộ bằng phương thức ConsumerController.getConsumerMapStyle().

Chế độ 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 tháo 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 loại điểm đánh dấu, hãy sử dụng phương thức ConsumerMapStyle.setMarkerStyleOptions(). Các lựa chọn về đ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 đang hoạt động bằng cách dù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 – Xuất hiện khi bạn đang theo dõi một chuyến đi
  • TRIP_DROPOFF_POINT – Xuất hiện khi bạn đang theo dõi một chuyến đi
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – Xuất hiện khi bạn đang 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 xe thực tế khi xe di chuyển trên tuyến đường.

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

Bạn có thể tuỳ chỉnh điểm đánh dấu cho ứng dụng người 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 tương ứng.

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

  4. Nếu muốn, hãy sử dụng phần tử giao diện người dùng của riêng bạn 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 phần tử này.

Để 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