Marker (legacy)

Marker class

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

ชั้นเรียนนี้ขยายเวลา MVCObject

เข้าถึงได้โดยโทรไปที่ const {Marker} = await google.maps.importLibrary("marker")
ดูไลบรารีใน Maps JavaScript API
Marker
Marker([opts])
พารามิเตอร์: 
  • opts:  MarkerOptions optional อาร์กิวเมนต์แบบไม่บังคับที่มีชื่อ
สร้างเครื่องหมายที่มีตัวเลือกที่ระบุ หากระบุแผนที่ ระบบจะเพิ่มเครื่องหมายลงในแผนที่เมื่อสร้าง โปรดทราบว่าต้องตั้งค่าตำแหน่งเพื่อให้เครื่องหมายแสดง
MAX_ZINDEX ค่า z-index เริ่มต้นสูงสุดที่ API จะกำหนดให้กับเครื่องหมาย คุณอาจตั้งค่า z-index ให้สูงขึ้นเพื่อนำเครื่องหมายมาไว้ด้านหน้า
getAnimation
getAnimation()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  Animation|null|undefined
รับภาพเคลื่อนไหวที่กำลังทำงานอยู่
getClickable
getClickable()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  boolean จริง หากเครื่องหมายคลิกได้
ดูสถานะที่คลิกได้ของ Marker
getCursor
getCursor()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  string|null|undefined
รับประเภทเคอร์เซอร์เมาส์ที่แสดงเมื่อวางเมาส์เหนือ
getDraggable
getDraggable()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  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()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  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)
พารามิเตอร์: 
  • flag:  boolean หาก true คุณจะคลิกเครื่องหมายได้
ค่าที่ส่งคืน: ไม่มี
กำหนดว่า Marker คลิกได้หรือไม่
setCursor
setCursor([cursor])
พารามิเตอร์: 
  • cursor:  string optional ประเภทเคอร์เซอร์เมาส์
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าประเภทเคอร์เซอร์เมาส์ที่แสดงเมื่อวางเมาส์เหนือ
setDraggable
setDraggable(flag)
พารามิเตอร์: 
  • flag:  boolean 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])
พารามิเตอร์: 
  • opacity:  number 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])
พารามิเตอร์: 
  • zIndex:  number 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)
อาร์กิวเมนต์: 
เหตุการณ์นี้จะเริ่มทำงานเมื่อเหตุการณ์ contextmenu ของ 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 shape เปลี่ยนแปลง
title_changed
function()
อาร์กิวเมนต์: ไม่มี
ระบบจะทริกเกอร์เหตุการณ์นี้เมื่อMarkerพร็อพเพอร์ตี้ title เปลี่ยนแปลง
visible_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อMarkerพร็อพเพอร์ตี้ที่มองเห็นได้มีการเปลี่ยนแปลง
zindex_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อMarkerพร็อพเพอร์ตี้ zIndex เปลี่ยนแปลง
rightclick
function(event)
อาร์กิวเมนต์: 
เหตุการณ์นี้จะทริกเกอร์เมื่อคลิกขวาที่ Marker

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

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

ออบเจ็กต์ MarkerOptions ที่ใช้กำหนดพร็อพเพอร์ตี้ที่ตั้งค่าในเครื่องหมายได้
anchorPoint optional
ประเภท:  Point optional
ออฟเซ็ตจากตำแหน่งของเครื่องหมายไปยังปลายของ InfoWindow ที่เปิดด้วยเครื่องหมายเป็นจุดยึด
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 คุณจะลากเครื่องหมายได้ หมายเหตุ: การตั้งค่านี้เป็น true จะทำให้คลิกเครื่องหมายได้แม้ว่าจะตั้งค่า clickable เป็น false ก็ตาม
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 ขององค์ประกอบป้ายกำกับ (เทียบเท่ากับแอตทริบิวต์ class ขององค์ประกอบ) คุณเพิ่มคลาส CSS หลายรายการที่คั่นด้วยการเว้นวรรคได้ คุณตั้งค่าสี ขนาด ความหนา และตระกูลแบบอักษรได้ผ่านพร็อพเพอร์ตี้อื่นๆ ของ MarkerLabel เท่านั้น ไม่ควรใช้คลาส CSS เพื่อเปลี่ยนตำแหน่งหรือการวางแนวของป้ายกำกับ (เช่น การใช้การแปลและการหมุน) หากใช้การจัดการการซ้อนทับของเครื่องหมายด้วย
color optional
ประเภท:  string optional
ค่าเริ่มต้น: 'black'
สีของข้อความป้ายกำกับ
fontFamily optional
ประเภท:  string optional
ชุดแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ CSS font-family)
fontSize optional
ประเภท:  string optional
ค่าเริ่มต้น: '14px'
ขนาดแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ CSS font-size)
fontWeight optional
ประเภท:  string optional
น้ำหนักแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ CSS font-weight)

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

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

ออบเจ็กต์นี้กำหนดภูมิภาคที่คลิกได้ของรูปภาพเครื่องหมาย รูปร่างประกอบด้วยพร็อพเพอร์ตี้ 2 รายการ ได้แก่ type และ coord ซึ่งกำหนดพื้นที่ที่ไม่โปร่งใสของรูปภาพ
type
ประเภท:  string
อธิบายประเภทของรูปร่างและอาจเป็น circle, poly หรือ rect
coords optional
ประเภท:  Array<number> optional
รูปแบบของแอตทริบิวต์นี้ขึ้นอยู่กับค่าของ type และเป็นไปตามข้อกำหนดของ w3 AREA coords ที่ http://www.w3.org/TR/REC-html40/struct/objects.html#adef-coords
แอตทริบิวต์ coords คืออาร์เรย์ของจำนวนเต็มที่ระบุตำแหน่งพิกเซลของรูปร่างที่สัมพันธ์กับมุมซ้ายบนของรูปภาพเป้าหมาย พิกัดจะขึ้นอยู่กับค่าของ type ดังนี้
  - circle: coords คือ [x1,y1,r] โดยที่ x1,y2 คือพิกัดของจุดศูนย์กลางของวงกลม และ r คือรัศมีของวงกลม
  - poly: coords คือ [x1,y1,x2,y2...xn,yn] โดยคู่ x,y แต่ละคู่มีพิกัดของจุดยอด 1 จุดของรูปหลายเหลี่ยม
  - rect: coords is [x1,y1,x2,y2] where x1,y1 are the coordinates of the upper-left corner of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle.

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

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

อธิบายสัญลักษณ์ซึ่งประกอบด้วยเส้นทางเวกเตอร์ที่มีการจัดรูปแบบ คุณใช้สัญลักษณ์เป็นไอคอนของเครื่องหมายหรือวางไว้บน Polyline ได้
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 โดยปกติแล้ว ระบบจะระบุภาพเคลื่อนไหวประเภทนี้ในระหว่างการสร้างเครื่องหมาย