ลักษณะการชนกัน

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

หน้านี้จะแสดงวิธีควบคุมลักษณะการชนกันของหมุด

ตั้งค่าลักษณะการชนกันของหมุด

ลักษณะการชนกันจะควบคุมลักษณะที่เครื่องหมายแสดงหากชนกัน (ซ้อนทับกัน) กับเครื่องหมายอื่น วิธีสร้างเครื่องหมายขั้นสูงจะกำหนดลักษณะการทํางานของลักษณะการชน

  • เครื่องหมายขั้นสูงที่สร้างโดยใช้ BitmapDescriptorFactory เรียกกันว่าเครื่องหมาย บิตแมป เครื่องหมายเหล่านี้วาดโดยแผนที่หลัก

  • เครื่องหมายขั้นสูงอื่นๆ ทั้งหมด รวมถึงเครื่องหมายที่สร้างโดยใช้เมธอด AdvancedMarkerOptions.iconView() จะเรียกว่าเครื่องหมายมุมมองและจะวาดในเลเยอร์เหนือแผนที่หลัก

หากต้องการตั้งค่าลักษณะการชน ให้ตั้งค่า AdvancedMarkerOptions.collisionBehavior เป็นค่าใดค่าหนึ่งต่อไปนี้

  • CollisionBehavior.REQUIRED: (ค่าเริ่มต้น) แสดงเครื่องหมายเสมอไม่ว่าจะมีการชนกันหรือไม่ก็ตาม
  • CollisionBehavior.REQUIRED_AND_HIDES_OPTIONAL แสดงเครื่องหมายเสมอไม่ว่าจะมีจุดซ้อนทับกันหรือไม่ และซ่อนOPTIONAL_AND_HIDES_LOWER_PRIORITYเครื่องหมายหรือป้ายกำกับที่จะซ้อนทับกับเครื่องหมาย

  • CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY แสดงเครื่องหมายก็ต่อเมื่อไม่ทับซ้อนกับเครื่องหมายอื่นๆ

    • หากเครื่องหมาย bitmap 2 รายการทับซ้อนกัน ระบบจะแสดงเครื่องหมายที่มี zIndex สูงกว่า หากมี zIndex เดียวกัน ระบบจะแสดงรายการที่มีตำแหน่งแนวตั้งของหน้าจอต่ำกว่า ดูข้อมูลเพิ่มเติมเกี่ยวกับ zIndex ได้ที่เครื่องหมาย z-index

    • หากเครื่องหมายมุมมอง 2 เครื่องหมายทับซ้อนกัน ระบบจะแสดงเครื่องหมายที่มี zIndex สูงกว่า หากมี zIndex เดียวกัน เครื่องหมายที่สร้างล่าสุดจะซ้อนทับกับเครื่องหมายที่สร้างไว้ก่อนหน้า

    • เนื่องจากเครื่องหมายมุมมองวาดในเลเยอร์เหนือเครื่องหมายบิตแมป เครื่องหมายมุมมองจึงซ้อนทับเครื่องหมายบิตแมป คุณจึงควรใช้เครื่องหมายประเภทเดียวกันเพื่อให้ควบคุมการชนกันได้ดียิ่งขึ้น

ตัวอย่างต่อไปนี้แสดงการตั้งค่าลักษณะการชนกันของหมุด

Kotlin

// Collision behavior can only be changed in the AdvancedMarkerOptions object.
// Changes to collision behavior after a marker has been created are not possible
val collisionBehavior: Int = CollisionBehavior.REQUIRED_AND_HIDES_OPTIONAL
val advancedMarkerOptions: AdvancedMarkerOptions = AdvancedMarkerOptions()
    .position(LatLng(10.0, 10.0))
    .collisionBehavior(collisionBehavior)

val marker: Marker = map.addMarker(advancedMarkerOptions) ?: error("Failed to add marker")

Java

// Collision behavior can only be changed in the AdvancedMarkerOptions object.
// Changes to collision behavior after a marker has been created are not possible
int collisionBehavior = AdvancedMarkerOptions.CollisionBehavior.REQUIRED_AND_HIDES_OPTIONAL;
AdvancedMarkerOptions options = new AdvancedMarkerOptions()
        .position(new LatLng(10.0, 10.0))
        .collisionBehavior(collisionBehavior);

Marker marker = map.addMarker(options);