Marker

คลาสมาร์กเกอร์

google.maps.Marker ชั้นเรียน

ชั้นเรียนนี้จะขยายการให้บริการไปยัง MVCObject

เข้าถึงโดยการโทร const {Marker} = await google.maps.importLibrary("marker") ดูไลบรารีใน Maps JavaScript API

Marker
Marker([opts])
พารามิเตอร์: 
  • optsMarkerOptions optional อาร์กิวเมนต์ตัวเลือกที่มีชื่อ
สร้างเครื่องหมายด้วยตัวเลือกที่ระบุไว้ หากมีการกำหนดแผนที่ไว้ ระบบจะเพิ่มเครื่องหมายลงในแผนที่เมื่อสร้าง โปรดทราบว่าจะต้องกำหนดตำแหน่งเพื่อให้เครื่องหมายแสดง
MAX_ZINDEX ดัชนีลำดับ Z เริ่มต้นสูงสุดที่ API จะกำหนดให้กับเครื่องหมาย คุณสามารถตั้งค่าดัชนีลำดับ Z สูงขึ้นเพื่อนำเครื่องหมายขึ้นข้างหน้า
getAnimation
getAnimation()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  Animation|null|undefined
รับภาพเคลื่อนไหวที่ทำงานอยู่
getClickable
getClickable()
พารามิเตอร์: ไม่มี
Return Value:  boolean True หากตัวทำเครื่องหมายคลิกได้
ดูสถานะที่คลิกได้ของ Marker
getCursor
getCursor()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  string|null|undefined
แสดงประเภทเคอร์เซอร์ของเมาส์เมื่อวางเมาส์เหนือรายการ
getDraggable
getDraggable()
พารามิเตอร์: ไม่มี
Return Value:  boolean True หากตัวทำเครื่องหมายลากได้
ดูสถานะที่ลากได้ของ Marker
getIcon
getIcon()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  string|Icon|Symbol|null|undefined
รับไอคอนของ Marker ดู MarkerOptions.icon
getLabel
getLabel()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  MarkerLabel|string|null|undefined
รับป้ายกำกับของ Marker ดู MarkerOptions.label
getMap
getMap()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  Map|StreetViewPanorama
เรียกดูแผนที่หรือพาโนรามาที่ Marker แสดงผลอยู่
getOpacity
getOpacity()
พารามิเตอร์: ไม่มี
Return Value:  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])
พารามิเตอร์: 
  • animationAnimation 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])
พารามิเตอร์: 
  • labelstring|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])
พารามิเตอร์: 
  • titlestring optional
ค่าที่ส่งคืน: ไม่มี
ตั้งชื่อเคล็ดลับเครื่องมือ Marker ดู MarkerOptions.title
setVisible
setVisible(visible)
พารามิเตอร์: 
  • visibleboolean หากเป็น true เครื่องหมายจะปรากฏให้เห็น
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าว่าจะให้ Marker แสดงหรือไม่
setZIndex
setZIndex([zIndex])
พารามิเตอร์: 
  • zIndexnumber optional
ค่าที่ส่งคืน: ไม่มี
ตั้งค่า zIndex ของ Marker ดู MarkerOptions.zIndex
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ zIndex Marker มีการเปลี่ยนแปลง
rightclick
function(event)
อาร์กิวเมนต์: 
เหตุการณ์นี้เริ่มทำงานสำหรับการคลิกขวาที่ Marker

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

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

ออบเจ็กต์ MarkerOptions กำหนดคุณสมบัติที่ตั้งค่าได้ใน Marker

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 โดยค่าที่สูงกว่าจะแสดงอยู่หน้าเครื่องหมายที่มีค่าต่ำกว่า โดยค่าเริ่มต้น เครื่องหมายจะแสดงตามตำแหน่งแนวตั้งบนหน้าจอ โดยจะแสดงเครื่องหมายด้านล่างที่ด้านหน้าของเครื่องหมายซึ่งอยู่ไกลออกไปนอกหน้าจอ

ค่าคงที่ CollisionBehavior

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

เข้าถึงโดยการโทร const {CollisionBehavior} = await google.maps.importLibrary("marker") ดูไลบรารีใน Maps JavaScript API

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

อินเทอร์เฟซไอคอน

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

โครงสร้างที่แทนภาพไอคอนเครื่องหมาย

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

อินเทอร์เฟซ 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 และเป็นไปตามข้อกำหนดเฉพาะของพื้นที่ coords ของ W3 ซึ่งดูได้ที่ http://www.w3.org/TR/REC-html40/struct/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 ค่าคงที่

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

เข้าถึงโดยการโทร const {SymbolPath} = await google.maps.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 เพื่อเล่นภาพเคลื่อนไหว

เข้าถึงโดยการโทร const {Animation} = await google.maps.importLibrary("marker") ดูไลบรารีใน Maps JavaScript API

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