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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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)

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