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

เลือกแพลตฟอร์ม 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 ระหว่างการตรวจสอบการเดินทางเพื่อเลียนแบบลักษณะการทํางานของยานพาหนะจริงขณะเดินทางตามเส้นทาง

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

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

  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)

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