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

เลือกแพลตฟอร์ม 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 - แสดงขณะติดตามการเดินทาง

  Consumer SDK จะอัปเดตการหมุนของไอคอน TRIP_VEHICLE ระหว่างการตรวจสอบการเดินทางเพื่อเลียนแบบลักษณะการทํางานของยานพาหนะจริงขณะเดินทางตามเส้นทาง

หมายเหตุ: เพื่อให้ได้ผลลัพธ์ของภาพเคลื่อนไหวที่สมจริงที่สุด ให้ใช้มุมมองด้านบนสำหรับ TRIP_VEHICLE โดยด้านหน้าของรถจะหันขึ้นด้านบน

หมายเหตุ: ไอคอนเครื่องหมายจะไม่เปลี่ยนตามประเภทยานพาหนะจริงสำหรับการเดินทาง

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

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

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

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

3. ระบุพร็อพเพอร์ตี้ที่กำหนดเองโดยใช้เมธอดสไตล์ "Setter"

   หมายเหตุ: เนื่องจาก SDK ระบุค่าเริ่มต้นสำหรับพร็อพเพอร์ตี้ของตัวทำเครื่องหมายแต่ละรายการ ดังนั้นโปรดระบุเฉพาะพร็อพเพอร์ตี้ที่กำหนดเองสำหรับค่าที่ต้องการเปลี่ยน

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)

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

• ปรับแต่งเส้นประกอบของเส้นทาง