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

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

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