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 động cho các điểm đánh dấu và đa tuyến. 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().

Việc tuỳ chỉnh giao diện người dùng vẫn tồn tại trên các chế độ xoay thiết bị 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 phương thức ConsumerMapStyle.setMarkerStyleOptions(). Các tuỳ chọn điểm đánh dấu tuỳ chỉnh sẽ ghi đè các giá trị mặc định do SDK Người dùng cung cấp. Để khôi phục các giá trị mặc định, hãy gọi setMarkerStyleOptions() bằng null cho tham số MarkerOptions. Truy xuất MarkerOptions đang hoạt động 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ị trong khi theo dõi một chuyến đi
  • TRIP_DROPOFF_POINT – Hiển thị trong khi theo dõi một chuyến đi
  • TRIP_INTERMEDIATE_DESTINATION

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

    SDK dành cho người dùng cập nhật chế độ xoay của biểu tượng TRIP_VEHICLE trong quá trình theo dõi chuyến đi để mô phỏng hành vi của xe thực tế khi xe đi theo tuyến đường.

Chọn các tuỳ 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 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 mỗi đ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 các phương thức kiểu "Setter".

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

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

Ví dụ về 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