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

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

คลาส ConsumerMapStyle มีเมธอด Setter และ Getter พร้อมการปรับแต่งแบบไดนามิก สำหรับเครื่องหมายและ Polyline คุณจะแสดงคลาสนี้แบบอะซิงโครนัสได้โดยใช้เมธอด ConsumerController.getConsumerMapStyle()

การปรับแต่ง UI จะยังคงอยู่เมื่อหมุนอุปกรณ์และจะมีผลจนกว่าคุณจะถอด ConsumerController ออก

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

หากต้องการตั้งค่าประเภทตัวทำเครื่องหมายและพร็อพเพอร์ตี้ ให้ใช้เมธอด ConsumerMapStyle.setMarkerStyleOptions() ตัวเลือกเครื่องหมายที่กำหนดเองจะลบล้างค่าเริ่มต้นที่ Consumer SDK ระบุ หากต้องการคืนค่าเริ่มต้น ให้เรียกใช้ setMarkerStyleOptions() โดยใช้ null สำหรับพารามิเตอร์ MarkerOptions เรียกข้อมูล MarkerOptions ที่ใช้งานอยู่ โดยใช้ getMarkerStyleOptions()

เลือกประเภทเครื่องหมาย

คุณสามารถใช้และปรับแต่งไอคอนเครื่องหมายต่อไปนี้ได้

  • TRIP_PICKUP_POINT - แสดงขณะติดตามการเดินทาง
  • TRIP_DROPOFF_POINT - แสดงขณะติดตามการเดินทาง
  • TRIP_INTERMEDIATE_DESTINATION

  • TRIP_VEHICLE - แสดงขณะติดตามการเดินทาง

    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)

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