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

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

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

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

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

Để đặt loại điểm đánh dấu và thuộc tính của loại điểm đánh dấu đó, hãy sử dụng ConsumerMapStyle.setMarkerStyleOptions() . Tùy chỉnh của bạn các tuỳ chọn cho điểm đánh dấu 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 null cho tham số MarkerOptions. Truy xuất MarkerOptions đang hoạt động đang sử dụ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 đây:

  • TRIP_PICKUP_POINT – Hiển thị trong khi chia sẻ hành trình
  • TRIP_DROPOFF_POINT – Hiển thị trong khi chia sẻ hành trình
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE – Hiển thị trong khi chia sẻ hành trình

    Bản cập nhật SDK dành cho người tiêu dùng việc xoay biểu tượng TRIP_VEHICLE trong quá trình theo dõi chuyến đi để bắt chước hoạt động thực tế của chiếc xe khi nó đi trên tuyến đường.

Chọn tùy chọn điểm đánh dấu

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

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

  2. Tạo MarkerOptions bằng hàm khởi tạo của nó.

  3. Chỉ định thuộc tính tuỳ chỉnh bằng "Setter" kiểu.

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

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

Các bước tiếp theo