Marker

จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ

Marker คลาส

google.maps.Marker คลาส

คลาสนี้จะขยาย MVCObject

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {Marker} = await google.map.importLibrary("marker") โปรดดูไลบรารีใน Maps JavaScript API

Marker
Marker([opts])
พารามิเตอร์:
  • opts: MarkerOptions optional อาร์กิวเมนต์ที่ไม่บังคับที่มีชื่อ
สร้างเครื่องหมายโดยมีตัวเลือกที่ระบุ หากระบุแผนที่แล้ว ระบบจะเพิ่มเครื่องหมายลงในแผนที่เมื่อสร้าง โปรดทราบว่าต้องตั้งค่าตําแหน่งให้เครื่องหมายแสดงเครื่องหมาย
getAnimation
getAnimation()
พารามิเตอร์: ไม่มี
แสดงผลค่า: Animation|null|undefined
รับภาพเคลื่อนไหวที่ทํางานอยู่
getClickable
getClickable()
พารามิเตอร์: ไม่มี
ค่าการแสดงผล: boolean เป็นจริงหากเครื่องหมายคลิกได้
รับสถานะ Marker ที่คลิกได้
getCursor
getCursor()
พารามิเตอร์: ไม่มี
แสดงผลค่า: string|null|undefined
แสดงประเภทเคอร์เซอร์เมาส์เมื่อวางเมาส์เหนือ
getDraggable
getDraggable()
พารามิเตอร์: ไม่มี
ค่าการแสดงผล: boolean เป็นจริงหากเครื่องหมายลากได้
ดูสถานะที่ลากได้ของ Marker
getIcon
getIcon()
พารามิเตอร์: ไม่มี
แสดงผลค่า: string|Icon|null|Symbol|undefined
รับไอคอนของ Marker ดู MarkerOptions.icon
getLabel
getLabel()
พารามิเตอร์: ไม่มี
แสดงผลค่า: MarkerLabel|null|string|undefined
รับป้ายกํากับของ Marker ดู MarkerOptions.label
getMap
getMap()
พารามิเตอร์: ไม่มี
แสดงผลค่า: Map|StreetViewPanorama
รับแผนที่หรือ Panaroama ที่ Marker แสดงผล
getOpacity
getOpacity()
พารามิเตอร์: ไม่มี
ค่าการแสดงผล: number|null|undefined ตัวเลขระหว่าง 0.0 ถึง 1.0
ความทึบแสงของ Marker
getPosition
getPosition()
พารามิเตอร์: ไม่มี
แสดงผลค่า: LatLng|null|undefined
รับตําแหน่งของ Marker
getShape
getShape()
พารามิเตอร์: ไม่มี
แสดงผลค่า: MarkerShape|null|undefined
มีรูปร่างของ Marker ที่ใช้สําหรับการโต้ตอบ โปรดอ่านMarkerOptions.shapeและMarkerShape
getTitle
getTitle()
พารามิเตอร์: ไม่มี
แสดงผลค่า: string|null|undefined
รับข้อมูลเคล็ดลับเครื่องมือของ Marker ดู MarkerOptions.title
getVisible
getVisible()
พารามิเตอร์: ไม่มี
ค่าการแสดงผล: boolean เป็นจริงหากเครื่องหมายปรากฏ
มองเห็น Marker
getZIndex
getZIndex()
พารามิเตอร์: ไม่มี
แสดงผลค่า: number|null|undefined zIndex ของตัวทําเครื่องหมาย
รับ zIndex ของ Marker ดู MarkerOptions.zIndex
setAnimation
setAnimation([animation])
พารามิเตอร์:
  • animation: Animation optional ภาพเคลื่อนไหวที่จะเล่น
ค่าการแสดงผล: ไม่มี
เริ่มภาพเคลื่อนไหว ระบบจะยกเลิกภาพเคลื่อนไหวที่ดําเนินอยู่ ภาพเคลื่อนไหวที่รองรับในขณะนี้คือ Animation.BOUNCE, Animation.DROP การส่งผ่าน null จะทําให้ภาพเคลื่อนไหวหยุด
setClickable
setClickable(flag)
พารามิเตอร์:
  • flagboolean หาก true คลิกเครื่องหมายได้
ค่าการแสดงผล: ไม่มี
ตั้งค่าว่าMarkerจะคลิกได้หรือไม่
setCursor
setCursor([cursor])
พารามิเตอร์:
  • cursorstring optional ประเภทเคอร์เซอร์เมาส์
ค่าการแสดงผล: ไม่มี
ตั้งค่าประเภทเคอร์เซอร์เมาส์เมื่อวางเคอร์เซอร์เหนือ
setDraggable
setDraggable(flag)
พารามิเตอร์:
  • flagboolean optional หาก true คุณลากเครื่องหมายได้
ค่าการแสดงผล: ไม่มี
ตั้งค่าว่าจะให้ลาก Marker ได้หรือไม่
setIcon
setIcon([icon])
พารามิเตอร์:
ค่าการแสดงผล: ไม่มี
ตั้งค่าไอคอนสําหรับ Marker ดู MarkerOptions.icon
setLabel
setLabel([label])
พารามิเตอร์:
  • label: string|MarkerLabel optional ป้ายกํากับอาจเป็นสตริงอักขระหรือออบเจ็กต์ MarkerLabel ก็ได้
ค่าการแสดงผล: ไม่มี
ตั้งค่าป้ายกํากับสําหรับ Marker ดู MarkerOptions.label
setMap
setMap(map)
พารามิเตอร์:
ค่าการแสดงผล: ไม่มี
แสดงภาพ Marker บนแผนที่หรือพาโนรามาที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนําเครื่องหมายออก
setOpacity
setOpacity([opacity])
พารามิเตอร์:
  • opacitynumber optional ตัวเลขระหว่าง 0.0 โปร่งใส และ 1.0 ทึบ
ค่าการแสดงผล: ไม่มี
ตั้งค่าความทึบแสงของ Marker
setOptions
setOptions(options)
พารามิเตอร์:
ค่าการแสดงผล: ไม่มี
ตั้งค่าตัวเลือกสําหรับ Marker
setPosition
setPosition([latlng])
พารามิเตอร์:
ค่าการแสดงผล: ไม่มี
กําหนดโพสต์สําหรับ Marker
setShape
setShape([shape])
พารามิเตอร์:
ค่าการแสดงผล: ไม่มี
กําหนดรูปร่างของMarkerที่ใช้สําหรับการโต้ตอบ โปรดอ่านMarkerOptions.shapeและMarkerShape
setTitle
setTitle([title])
พารามิเตอร์:
  • title: string optional
ค่าการแสดงผล: ไม่มี
ตั้งชื่อเคล็ดลับเครื่องมือ Marker ดู MarkerOptions.title
setVisible
setVisible(visible)
พารามิเตอร์:
  • visible: boolean หาก true เครื่องหมายจะปรากฏ
ค่าการแสดงผล: ไม่มี
ตั้งค่าว่ามองเห็น Marker หรือไม่
setZIndex
setZIndex([zIndex])
พารามิเตอร์:
  • zIndexnumber optional
ค่าการแสดงผล: ไม่มี
ตั้งค่า zIndex ของ Marker ดู MarkerOptions.zIndex
รับค่า: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
MAX_ZINDEX ดัชนีลําดับ Z เริ่มต้นสูงสุดที่ API จะกําหนดให้กับเครื่องหมาย คุณอาจตั้งค่าดัชนีลําดับ Z ให้สูงขึ้นเพื่อนําเครื่องหมายไปไว้ด้านหน้า
animation_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ภาพเคลื่อนไหว Marker รายการมีการเปลี่ยนแปลง
click
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการคลิกไอคอน Marker
clickable_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ที่คลิกได้ Marker รายการมีการเปลี่ยนแปลง
contextmenu
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมนูตามบริบทของ DOM เริ่มทํางานใน Marker
cursor_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้เคอร์เซอร์ Marker มีการเปลี่ยนแปลง
dblclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อไอคอน Marker ดับเบิลคลิก
drag
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานซ้ําขณะที่ผู้ใช้ลาก Marker
dragend
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้หยุดลาก Marker
draggable_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ที่ลากได้ของ Marker มีการเปลี่ยนแปลง
dragstart
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้เริ่มลาก Marker
flat_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้แบบคงที่ของ Marker มีการเปลี่ยนแปลง
icon_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ไอคอน Marker มีการเปลี่ยนแปลง
mousedown
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้เริ่มทํางานสําหรับเมาส์โอเวอร์ใน Marker
mouseout
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเมาส์ออกจากพื้นที่ของไอคอน Marker
mouseover
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อเมาส์เข้าสู่พื้นที่ของไอคอน Marker
mouseup
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานสําหรับเมาส์โอเวอร์ใน Marker
position_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ตําแหน่ง Marker มีการเปลี่ยนแปลง
shape_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้รูปร่าง Marker มีการเปลี่ยนแปลง
title_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ชื่อ Marker มีการเปลี่ยนแปลง
visible_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ที่มองเห็นได้ Marker มีการเปลี่ยนแปลง
zindex_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ Marker zIndex มีการเปลี่ยนแปลง
rightclick
function(event)
อาร์กิวเมนต์:
เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่ Marker

อินเทอร์เฟซ MarkerOptions

อินเทอร์เฟซ google.maps.MarkerOptions

ออบเจ็กต์MarkOptions ที่ใช้เพื่อกําหนดพร็อพเพอร์ตี้ที่ตั้งค่าในเครื่องหมายได้

anchorPoint optional
ประเภท: Point optional
การชดเชยจากตําแหน่งของเครื่องหมายไปยังปลาย InfoWindow ที่เปิดด้วยตัวทําเครื่องหมายเป็นแท็ก Anchor
animation optional
ประเภท: Animation optional
ค่าเริ่มต้น: null
ภาพเคลื่อนไหวที่จะแสดงเมื่อมีการเพิ่มตัวทําเครื่องหมายลงในแผนที่
clickable optional
ประเภท: boolean optional
ค่าเริ่มต้น: true
หาก "true" ตัวทําเครื่องหมายจะได้รับเหตุการณ์เมาส์และการสัมผัส
BetacollisionBehavior optional
ประเภท: string|CollisionBehavior optional
ค่าเริ่มต้น: null
กําหนดลักษณะการชนกันของเครื่องหมายบนแผนที่เวกเตอร์
crossOnDrag optional
ประเภท: boolean optional
ค่าเริ่มต้น: true
หาก false ให้ปิดใช้เครื่องหมายกากบาทที่ปรากฏใต้ตัวทําเครื่องหมายเมื่อลาก
cursor optional
ประเภท: string optional
ค่าเริ่มต้น: pointer
ประเภทเคอร์เซอร์เมาส์ที่จะแสดงเมื่อวางเหนือ
draggable optional
ประเภท: boolean optional
ค่าเริ่มต้น: false
หาก true เครื่องหมายจะถูกลากได้
icon optional
ประเภท: string|Icon|Symbol optional
ไอคอนเบื้องหน้า หากระบุสตริง ระบบจะถือว่าเป็น Icon ที่มีสตริงเป็น url
label optional
ประเภท: string|MarkerLabel optional
ค่าเริ่มต้น: null
เพิ่มป้ายกํากับให้เครื่องหมาย ป้ายกํากับเครื่องหมายคือตัวอักษรหรือตัวเลขที่ปรากฏในเครื่องหมาย ป้ายกํากับอาจเป็นสตริงหรือออบเจ็กต์ MarkerLabel ก็ได้ หากไม่ได้ระบุ MarkerOptions.title ระบบจะเพิ่มข้อความการช่วยเหลือพิเศษ (เช่น เพื่อใช้กับโปรแกรมอ่านหน้าจอ) ลงในเครื่องหมายที่มีข้อความของป้ายกํากับที่ระบุ โปรดทราบว่าปัจจุบัน label ใช้สําหรับข้อความการช่วยเหลือพิเศษสําหรับเครื่องหมายที่ไม่ได้เพิ่มประสิทธิภาพเท่านั้น
map optional
ประเภท: Map|StreetViewPanorama optional
แผนที่ที่จะแสดงเครื่องหมาย แผนที่จําเป็นต้องแสดงตัวทําเครื่องหมายและจะให้ Marker.setMap ไว้ก็ได้ หากไม่ได้ให้ไว้ในตําแหน่งสร้างเครื่องหมาย
opacity optional
ประเภท: number optional
ค่าเริ่มต้น: 1.0
ตัวเลขระหว่าง 0.0 โปร่งใส และ 1.0 ทึบแสง
optimized optional
ประเภท: boolean optional
การเพิ่มประสิทธิภาพช่วยเพิ่มประสิทธิภาพด้วยการแสดงตัวทําเครื่องหมายจํานวนมากเป็นองค์ประกอบแบบคงที่รายการเดียว ซึ่งจะเป็นประโยชน์ในกรณีที่จําเป็นต้องมีเครื่องหมายจํานวนมาก อ่านเพิ่มเติมเกี่ยวกับการเพิ่มประสิทธิภาพตัวทําเครื่องหมาย
position optional
ประเภท: LatLng|LatLngLiteral optional
กําหนดตําแหน่งเครื่องหมาย เครื่องหมายอาจสร้างขึ้นแต่จะไม่แสดงจนกว่าจะระบุตําแหน่ง เช่น ตามการดําเนินการหรือตัวเลือกของผู้ใช้ คุณอาจระบุตําแหน่งของเครื่องหมายด้วย Marker.setPosition ได้หากไม่มีการสร้างเครื่องหมายไว้
shape optional
ประเภท: MarkerShape optional
คําจํากัดความภูมิภาคของการแมปรูปภาพที่ใช้สําหรับลาก/คลิก
title optional
ประเภท: string optional
ค่าเริ่มต้น: undefined
ทบยอดข้อความ หากระบุไว้ ระบบจะเพิ่มข้อความการช่วยเหลือพิเศษ (เช่น เพื่อใช้กับโปรแกรมอ่านหน้าจอ) ลงในเครื่องหมายที่มีค่าที่ระบุ โปรดทราบว่าปัจจุบัน title ใช้สําหรับข้อความการช่วยเหลือพิเศษสําหรับเครื่องหมายที่ไม่ได้เพิ่มประสิทธิภาพเท่านั้น
visible optional
ประเภท: boolean optional
ค่าเริ่มต้น: true
หาก true เครื่องหมายจะปรากฏ
zIndex optional
ประเภท: number optional
เครื่องหมายทั้งหมดจะแสดงบนแผนที่ตามลําดับของ zIndex โดยค่าที่สูงขึ้นจะแสดงด้านหน้าของเครื่องหมายที่มีค่าต่ํากว่า โดยค่าเริ่มต้น ตัวทําเครื่องหมายจะแสดงตามตําแหน่งแนวตั้งบนหน้าจอ โดยมีตัวทําเครื่องหมายด้านล่างปรากฏอยู่หน้าเครื่องหมายถัดจากหน้าจอ

ค่าคงที่ของพฤติกรรม

google.maps.CollisionBehavior ค่าคงที่

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {CollisionBehavior} = await google.map.importLibrary("marker") โปรดดูไลบรารีใน Maps JavaScript API

OPTIONAL_AND_HIDES_LOWER_PRIORITY แสดงเครื่องหมายเฉพาะในกรณีที่ไม่มีการทับซ้อนกับเครื่องหมายอื่นๆ หากเครื่องหมาย 2 รายการของประเภทนี้ทับซ้อนกัน เครื่องหมายที่มี zIndex สูงกว่าจะปรากฏขึ้น หากรูปเหล่านั้นมี zIndex เหมือนกัน รายการที่มีตําแหน่งหน้าจอแนวตั้งต่ํากว่าจะปรากฏขึ้น
REQUIRED แสดงเครื่องหมายเสมอหากเกิดการชนกัน นี่คือลักษณะการทํางานเริ่มต้น
REQUIRED_AND_HIDES_OPTIONAL แสดงเครื่องหมายเสมอโดยไม่คํานึงถึงการขัดแย้งกัน และซ่อนเครื่องหมาย OPTIONAL_AND_HIDES_LOWER_PRIORITY หรือป้ายกํากับที่จะทับซ้อนกับเครื่องหมายดังกล่าว

ไอคอน concon

อินเทอร์เฟซ google.maps.Icon

โครงสร้างที่แสดงรูปภาพไอคอนตัวทําเครื่องหมาย

url
ประเภท: string
URL ของรูปภาพหรือสไปรท์ชีต
anchor optional
ประเภท: Point optional
ตําแหน่งที่จะตรึงรูปภาพให้สอดคล้องกับตําแหน่งของเครื่องหมายบนแผนที่ โดยค่าเริ่มต้น แท็ก Anchor จะอยู่ที่จุดกึ่งกลางด้านล่างของรูปภาพ
labelOrigin optional
ประเภท: Point optional
ต้นทางของป้ายกํากับที่สัมพันธ์กับมุมซ้ายบนของรูปภาพไอคอน หากป้ายกํากับมาจากเครื่องหมาย โดยค่าเริ่มต้น ต้นทางจะอยู่ที่จุดกึ่งกลางของรูปภาพ
origin optional
ประเภท: Point optional
ตําแหน่งของรูปภาพภายในสไปรท์ (หากมี) โดยค่าเริ่มต้น ต้นทางจะอยู่ที่มุมซ้ายบนของรูปภาพ (0, 0)
scaledSize optional
ประเภท: Size optional
ขนาดของรูปภาพทั้งหมดหลังจากปรับขนาด หากมี ใช้พร็อพเพอร์ตี้นี้เพื่อยืด/ย่อรูปภาพหรือสไปรท์
size optional
ประเภท: Size optional
ขนาดการแสดงผลของสไปรท์หรือรูปภาพ เมื่อใช้สไปรท์ คุณต้องระบุขนาด Sprite หากไม่ระบุขนาด ระบบจะตั้งค่าเมื่อโหลดรูปภาพ

อินเทอร์เฟซสําหรับ MarkerLabel

อินเทอร์เฟซ google.maps.MarkerLabel

ตัวเลือกเหล่านี้จะระบุลักษณะที่ปรากฏของป้ายกํากับเครื่องหมาย ป้ายกํากับเครื่องหมายคือสตริง (มักมีอักขระเดียว) ซึ่งจะปรากฏในเครื่องหมาย หากใช้ร่วมกับเครื่องหมายที่กําหนดเอง คุณสามารถย้ายตําแหน่งโดยใช้พร็อพเพอร์ตี้ labelOrigin ในคลาส Icon

text
ประเภท: string
ข้อความที่จะแสดงในป้ายกํากับ
className optional
ประเภท: string optional
ค่าเริ่มต้น: '' (สตริงว่างเปล่า)
พร็อพเพอร์ตี้ className ขององค์ประกอบป้ายกํากับ (เทียบเท่ากับแอตทริบิวต์คลาสขององค์ประกอบ) คุณเพิ่มชั้นเรียน CSS ที่คั่นด้วยช่องว่างได้หลายชั้นเรียน สีแบบอักษร ขนาด น้ําหนัก และครอบครัวจะตั้งค่าได้ผ่านพร็อพเพอร์ตี้อื่นๆ ของ MarkerLabel เท่านั้น ไม่ควรใช้คลาส CSS เพื่อเปลี่ยนตําแหน่งหรือการวางแนวของป้ายกํากับ (เช่น การใช้คําแปลและการหมุน) หากใช้การจัดการการชนของเครื่องหมายด้วย
color optional
ประเภท: string optional
ค่าเริ่มต้น: 'black'
สีของข้อความป้ายกํากับ
fontFamily optional
ประเภท: string optional
ชุดแบบอักษรของข้อความป้ายกํากับ (เทียบเท่ากับพร็อพเพอร์ตี้ชุดแบบอักษร CSS)
fontSize optional
ประเภท: string optional
ค่าเริ่มต้น: '14px'
ขนาดแบบอักษรของข้อความป้ายกํากับ (เทียบเท่ากับพร็อพเพอร์ตี้ขนาดแบบอักษรของ CSS)
fontWeight optional
ประเภท: string optional
น้ําหนักแบบอักษรของข้อความป้ายกํากับ (เทียบเท่ากับพร็อพเพอร์ตี้น้ําหนักแบบอักษรของ CSS)

อินเทอร์เฟซสําหรับ MarkerShape

อินเทอร์เฟซ google.maps.MarkerShape

ออบเจ็กต์นี้กําหนดภูมิภาคที่คลิกได้รูปภาพเครื่องหมาย รูปร่างประกอบด้วย 2 พร็อพเพอร์ตี้ ได้แก่ type และ coord ซึ่งกําหนดพื้นที่ที่ไม่โปร่งใสของรูปภาพ

coords
ประเภท: Array<number>
รูปแบบของแอตทริบิวต์นี้จะขึ้นอยู่กับค่าของ type และปฏิบัติตามข้อกําหนด w3 AREA coords ที่พบใน http://www.w3.org/TR/REC-html40/structured/objects.html#adef-coords
แอตทริบิวต์ coords เป็นอาร์เรย์ของจํานวนเต็มที่ระบุตําแหน่งพิกเซลของรูปร่างที่เกี่ยวข้องกับมุมซ้ายบนของรูปภาพเป้าหมาย พิกัดจะขึ้นอยู่กับค่าของ type ดังนี้
- circle: พิกัดคือ [x1,y1,r] โดยที่ x1,y2 คือพิกัดของวงกลม และ r คือรัศมีของวงกลม
- poly: พิกัดคือ [x1,y1,x2,y2...xn,yn] โดยที่ x,y แต่ละคู่จะมีพิกัดของจุดยอดมุมของรูปหลายเหลี่ยม 1 จุด
- rect: พิกัดคือ [x1,y1,x2,y2] โดยที่ x1,y1 คือพิกัดมุมซ้ายบนของสี่เหลี่ยมผืนผ้าและ x2,y2 คือพิกัดของพิกัดด้านขวาล่างของสี่เหลี่ยมผืนผ้า
type
ประเภท: string
อธิบายประเภทรูปร่างและอาจเป็น circle, poly หรือ rect

อินเทอร์เฟซสัญลักษณ์

อินเทอร์เฟซ google.maps.Symbol

อธิบายสัญลักษณ์ที่ประกอบด้วยเส้นทางเวกเตอร์ที่มีการจัดรูปแบบ คุณสามารถใช้สัญลักษณ์เป็นไอคอนของเครื่องหมายหรือวางในเส้นประกอบ

path
ประเภท: SymbolPath|string
เส้นทางของสัญลักษณ์ ซึ่งเป็นเส้นทางสัญลักษณ์ในตัว หรือเส้นทางที่กําหนดเองที่แสดงโดยใช้สัญลักษณ์เส้นทาง SVG ต้องระบุ
anchor optional
ประเภท: Point optional
ค่าเริ่มต้น: google.maps.Point(0,0)
ตําแหน่งของสัญลักษณ์ที่เกี่ยวข้องกับเครื่องหมายหรือเส้นประกอบ พิกัดของเส้นทางในสัญลักษณ์จะได้รับการแปลไปทางซ้ายและขึ้นโดยพิกัด x และ y ของจุดยึด ตําแหน่งจะแสดงในระบบพิกัดเดียวกับเส้นทางของสัญลักษณ์
fillColor optional
ประเภท: string optional
สีเติมของสัญลักษณ์ รองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อขยาย สําหรับตัวทําเครื่องหมายสัญลักษณ์ ค่าเริ่มต้นนี้จะเป็น "สีดํา" สําหรับสัญลักษณ์ของเส้นประกอบ ค่าเริ่มต้นนี้จะเป็นสีเส้นของเส้นประกอบที่เกี่ยวข้อง
fillOpacity optional
ประเภท: number optional
ค่าเริ่มต้น: 0
ความทึบแสงของสัญลักษณ์
labelOrigin optional
ประเภท: Point optional
ค่าเริ่มต้น: google.maps.Point(0,0)
ต้นทางของป้ายกํากับที่เกี่ยวข้องกับต้นทางของเส้นทาง หากป้ายกํากับมีเครื่องหมายโดย ต้นทางจะแสดงในระบบพิกัดเดียวกับเส้นทางของสัญลักษณ์ ไม่ได้ใช้พร็อพเพอร์ตี้นี้สําหรับสัญลักษณ์ในเส้นประกอบ
rotation optional
ประเภท: number optional
ค่าเริ่มต้น: 0
มุมที่หมุนสัญลักษณ์ซึ่งแสดงตามเข็มนาฬิกา สัญลักษณ์ใน IconSequence ที่ fixedRotation จะมีการหมุน false ตามมุมของขอบซึ่งเป็นที่ตั้งของจุด
scale optional
ประเภท: number optional
ขนาดของสัญลักษณ์ตามขนาด สําหรับเครื่องหมายสัญลักษณ์ ค่าเริ่มต้นคือ 1 หลังจากปรับขนาดแล้ว สัญลักษณ์อาจมีขนาดเท่าใดก็ได้ สําหรับสัญลักษณ์ในเส้นประกอบ ค่าเริ่มต้นนี้จะเป็นน้ําหนักเส้นของเส้นประกอบ เมื่อขยายแล้ว สัญลักษณ์จะต้องอยู่ภายในขนาด 22 พิกเซลสี่เหลี่ยมจัตุรัสซึ่งมีจุดศูนย์กลางอยู่ที่จุดยึดของสัญลักษณ์
strokeColor optional
ประเภท: string optional
สีเส้นสีของสัญลักษณ์ รองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อขยาย สําหรับตัวทําเครื่องหมายสัญลักษณ์ ค่าเริ่มต้นนี้จะเป็น "สีดํา" สําหรับสัญลักษณ์ในเส้นประกอบ ค่าเริ่มต้นนี้จะเป็นสีเส้นของเส้นประกอบของเส้นประกอบ
strokeOpacity optional
ประเภท: number optional
ความทึบแสงของสัญลักษณ์รูปสัญลักษณ์ สําหรับเครื่องหมายสัญลักษณ์ ค่าเริ่มต้นนี้จะเป็น 1 สําหรับสัญลักษณ์ในเส้นประกอบเหล่านี้ ค่าเริ่มต้นจะเป็นความทึบแสงของเส้นทึบ
strokeWeight optional
ประเภท: number optional
ค่าเริ่มต้น: Symbol.scale ของสัญลักษณ์
น้ําหนักเส้นของสัญลักษณ์

SymbolPath ค่าคงที่

google.maps.SymbolPath ค่าคงที่

เส้นทางสัญลักษณ์ในตัว

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {SymbolPath} = await google.map.importLibrary("core") โปรดดูไลบรารีใน Maps JavaScript API

BACKWARD_CLOSED_ARROW ลูกศรชี้ไปข้างหน้าแบบปิด
BACKWARD_OPEN_ARROW ลูกศรแบบเปิดชี้ไปข้างหน้า
CIRCLE วงกลม
FORWARD_CLOSED_ARROW ลูกศรชี้ไปข้างหน้า
FORWARD_OPEN_ARROW ลูกศรชี้ไปข้างหน้า

ค่าคงที่

google.maps.Animation ค่าคงที่

ภาพเคลื่อนไหวที่เล่นบนเครื่องหมายได้ ใช้วิธี Marker.setAnimation ในเครื่องหมายหรือตัวเลือก MarkerOptions.animation เพื่อเล่นภาพเคลื่อนไหว

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {Animation} = await google.map.importLibrary("marker") โปรดดูไลบรารีใน Maps JavaScript API

BOUNCE ตัวทําเครื่องหมายจะตีกลับจนกว่าภาพเคลื่อนไหวจะหยุดทํางานโดยเรียกใช้ Marker.setAnimation กับ null
DROP เครื่องหมายตกลงจากด้านบนของแผนที่ไปยังตําแหน่งสุดท้าย ภาพเคลื่อนไหวจะหยุดเมื่อเครื่องหมายหยุดนิ่งและ Marker.getAnimation จะแสดงผล null ภาพเคลื่อนไหวประเภทนี้มักจะระบุระหว่างการสร้างตัวทําเครื่องหมาย