ปรับแต่งเครื่องหมาย

เลือกแพลตฟอร์ม: Android iOS JavaScript

คลาส ConsumerMapStyle มีเมธอด Setter และ Getter พร้อมการปรับแต่งแบบไดนามิก สำหรับเครื่องหมายและเส้นหลายเส้น คุณจะแสดงคลาสนี้แบบอะซิงโครนัสได้โดยใช้เมธอด ConsumerController.getConsumerMapStyle()

การปรับแต่ง UI จะยังคงอยู่เมื่อหมุนอุปกรณ์และจะมีผลจนกว่าคุณจะถอดConsumerController ออก

ปรับแต่งเครื่องหมาย

หากต้องการตั้งค่าประเภทเครื่องหมายและพร็อพเพอร์ตี้ ให้ใช้เมธอด ConsumerMapStyle.setMarkerStyleOptions() ตัวเลือกเครื่องหมายที่กำหนดเองจะลบล้างค่าเริ่มต้นที่ Consumer SDK ระบุ หากต้องการคืนค่าเริ่มต้น ให้เรียกใช้ setMarkerStyleOptions() โดยใช้ null สำหรับพารามิเตอร์ MarkerOptions ดึงข้อมูล MarkerOptions ที่ใช้งานอยู่ โดยใช้ getMarkerStyleOptions()

เลือกประเภทเครื่องหมาย

คุณใช้และปรับแต่งไอคอนเครื่องหมายต่อไปนี้ได้

  • TRIP_PICKUP_POINT - แสดงขณะติดตามการเดินทาง
  • TRIP_DROPOFF_POINT - แสดงขณะติดตามการเดินทาง
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - แสดงขณะติดตามการเดินทาง

    SDK สำหรับผู้บริโภคจะอัปเดต การหมุนของไอคอน TRIP_VEHICLE ระหว่างการติดตามการเดินทางเพื่อจำลอง พฤติกรรมของยานพาหนะจริงขณะเดินทางตามเส้นทาง

เลือกตัวเลือกเครื่องหมาย

คุณปรับแต่งเครื่องหมายสำหรับแอปสำหรับผู้บริโภคได้โดยทำตามขั้นตอนต่อไปนี้

  1. ใช้พร็อพเพอร์ตี้สำหรับเครื่องหมายแต่ละรายการที่ Google Maps MarkerOptions ระบุ

  2. สร้าง MarkerOptions โดยใช้ตัวสร้าง

  3. ระบุพร็อพเพอร์ตี้ที่กำหนดเองโดยใช้วิธีการรูปแบบ "Setter"

  4. หากต้องการ คุณสามารถใช้องค์ประกอบ UI ของคุณเองได้โดยเลียนแบบรูปแบบที่ตัวสร้าง MarkerOptions มีให้

  5. หากต้องการปิดเครื่องหมาย ให้ตั้งค่าพร็อพเพอร์ตี้ visible เป็น false จากนั้นคุณจะ ใช้องค์ประกอบ UI ของคุณเองแทนได้

ดูข้อมูลเพิ่มเติมได้ใน Google Maps MarkerOptions

ตัวอย่างการปรับแต่งเครื่องหมาย

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)

ขั้นตอนถัดไป