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 động cho điểm đánh dấu và hình nhiều đường. Bạn hiển thị lớp này không đồng bộ bằng phương thức ConsumerController.getConsumerMapStyle().

Tuỳ chỉnh giao diện người dùng vẫn giữ nguyên khi xoay thiết bị và 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 lựa chọn điểm đánh dấu tuỳ chỉnh của bạn sẽ ghi đè các giá trị mặc định do SDK Người tiêu dùng 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 getMarkerStyleOptions().

Chọn một 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

    SDK Người tiêu dùng cập nhật chế độ 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 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 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 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 tương ứng.

  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 bắt chước các mẫu do hàm khởi tạo MarkerOptions cung cấp.

  5. Để tắ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 thế.

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