Marker

Marker ชั้นเรียน

google.maps.Marker ชั้น

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

เข้าถึงโดยโทรไปที่ const {Marker} = await google.maps.importLibrary("marker") ดูห้องสมุดใน Maps JavaScript API

Marker
Marker([opts])
พารามิเตอร์: 
  • optsMarkerOptions 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 of Marker
รับ 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
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()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ 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 ขององค์ประกอบป้ายกํากับ (เทียบเท่ากับแอตทริบิวต์ class ขององค์ประกอบ) เพิ่มคลาส 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 coords ในพื้นที่ซึ่งพบได้ที่ 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 มีพิกัดของจุดยอดมุมของรูปหลายเหลี่ยมหนึ่งจุด
- 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 โดยปกติภาพเคลื่อนไหวประเภทนี้จะได้รับการระบุระหว่างการสร้างเครื่องหมาย