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

เลือกแพลตฟอร์ม 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)

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

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