การปรับแต่งเครื่องหมายพื้นฐาน

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

ภาพ 3 มิติของนครนิวยอร์กที่มีอาคารเอ็มไพร์สเตตพร้อมเครื่องหมายดิจิทัลที่กำหนดเอง 3 รายการลอยอยู่เหนืออาคาร ซึ่งรวมถึงกอริลลาการ์ตูนที่มีป้ายกำกับ

คุณปรับแต่งลักษณะที่ปรากฏของเครื่องหมายได้โดยใช้ตัวสร้าง pinConfiguration ตัวสร้าง pinConfiguration มีเมธอดสำหรับเปลี่ยน สีพื้นหลังและเส้นขอบ ข้อความและสีของกลีฟ ความสูง รูปภาพที่จะ ใช้ และตัวเลือกอื่นๆ สำหรับการปรับแต่งเพิ่มเติม

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีสร้างเครื่องหมายใหม่และจัดรูปแบบโดยใช้ ตัวเลือกการปรับแต่งที่มีอยู่บางส่วน

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
     borderColor = Color.GREEN
     glyph = Glyph.fromColor(Color.RED)
   }
 }
)

หน้านี้จะแสดงวิธีปรับแต่งเครื่องหมายด้วยวิธีต่อไปนี้

ปรับขนาดเครื่องหมาย

หากต้องการปรับขนาดเครื่องหมาย ให้ใช้ตัวเลือก scale

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     scale = 3.14
   }
 }
)

เปลี่ยนสีพื้นหลัง

ใช้PinElement.backgroundเพื่อเปลี่ยนสีพื้นหลังของเครื่องหมาย ระหว่างการสร้าง

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
   }
 }
)

เปลี่ยนสีของเส้นขอบ

ใช้ตัวเลือก markerOptions.borderColor เพื่อเปลี่ยนสีเส้นขอบของเครื่องหมาย ระหว่างการสร้าง

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     borderColor = Color.GREEN
   }
 }
)

เพิ่มข้อความลงในกลีฟ

ใช้เมธอด markerOptions.glyph เพื่อแทนที่กลีฟเริ่มต้นด้วยอักขระข้อความ กลีฟข้อความของเครื่องหมายจะปรับขนาดตามเครื่องหมาย

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     glyph = Glyph.fromText("G")
   }
 }
)

ใช้รูปภาพเป็นเครื่องหมาย

Map.addMarker(markerOptions {
  position = latLngAltitude {
      latitude = 40.7484
      longitude = -73.9857
      altitude = 100.0
  }
  zIndex = 1
  label = "Empire State Building"
  isExtruded = true
  isDrawnWhenOccluded = true
  altitudeMode = AltitudeMode.RELATIVE_TO_MESH
  setStyle(ImageView(R.drawable.ook))
})

นำเครื่องหมายออก

วิธีใช้ Marker.remove() เพื่อนำเครื่องหมายออกจากแผนที่

marker.remove();