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

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

ConsumerMapStyle class จะมีเมธอด 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 - แสดงระหว่างการแชร์เส้นทาง

    ข้อมูลอัปเดตเกี่ยวกับ Consumer 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)

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