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) พารามิเตอร์: flag:  boolean หาก true คลิกเครื่องหมายได้ ค่าการแสดงผล: ไม่มี ตั้งค่าว่าMarkerจะคลิกได้หรือไม่
setCursor	setCursor([cursor]) พารามิเตอร์: cursor:  string optional ประเภทเคอร์เซอร์เมาส์ ค่าการแสดงผล: ไม่มี ตั้งค่าประเภทเคอร์เซอร์เมาส์เมื่อวางเคอร์เซอร์เหนือ
setDraggable	setDraggable(flag) พารามิเตอร์: flag:  boolean optional หาก true คุณลากเครื่องหมายได้ ค่าการแสดงผล: ไม่มี ตั้งค่าว่าจะให้ลาก Marker ได้หรือไม่
setIcon	setIcon([icon]) พารามิเตอร์: icon: string|Icon|Symbol optional ค่าการแสดงผล: ไม่มี ตั้งค่าไอคอนสําหรับ Marker ดู MarkerOptions.icon
setLabel	setLabel([label]) พารามิเตอร์: label: string|MarkerLabel optional ป้ายกํากับอาจเป็นสตริงอักขระหรือออบเจ็กต์ MarkerLabel ก็ได้ ค่าการแสดงผล: ไม่มี ตั้งค่าป้ายกํากับสําหรับ Marker ดู MarkerOptions.label
setMap	setMap(map) พารามิเตอร์: map: Map|StreetViewPanorama ค่าการแสดงผล: ไม่มี แสดงภาพ Marker บนแผนที่หรือพาโนรามาที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนําเครื่องหมายออก
setOpacity	setOpacity([opacity]) พารามิเตอร์: opacity:  number optional ตัวเลขระหว่าง 0.0 โปร่งใส และ 1.0 ทึบ ค่าการแสดงผล: ไม่มี ตั้งค่าความทึบแสงของ Marker
setOptions	setOptions(options) พารามิเตอร์: options:  MarkerOptions ค่าการแสดงผล: ไม่มี ตั้งค่าตัวเลือกสําหรับ Marker
setPosition	setPosition([latlng]) พารามิเตอร์: latlng:  LatLng|LatLngLiteral optional ตําแหน่งใหม่ ค่าการแสดงผล: ไม่มี กําหนดโพสต์สําหรับ Marker
setShape	setShape([shape]) พารามิเตอร์: shape:  MarkerShape optional ค่าการแสดงผล: ไม่มี กําหนดรูปร่างของ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

ค่าคงที่
MAX_ZINDEX	ดัชนีลําดับ Z เริ่มต้นสูงสุดที่ API จะกําหนดให้กับเครื่องหมาย คุณอาจตั้งค่าดัชนีลําดับ Z ให้สูงขึ้นเพื่อนําเครื่องหมายไปไว้ด้านหน้า

กิจกรรม
animation_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ภาพเคลื่อนไหว Marker รายการมีการเปลี่ยนแปลง
click	function(event) อาร์กิวเมนต์: event: MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อมีการคลิกไอคอน Marker
clickable_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ที่คลิกได้ Marker รายการมีการเปลี่ยนแปลง
contextmenu	function(event) อาร์กิวเมนต์: event: MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเหตุการณ์เมนูตามบริบทของ DOM เริ่มทํางานใน Marker
cursor_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้เคอร์เซอร์ Marker มีการเปลี่ยนแปลง
dblclick	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อไอคอน Marker ดับเบิลคลิก
drag	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้เริ่มทํางานซ้ําขณะที่ผู้ใช้ลาก Marker
dragend	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้หยุดลาก Marker
draggable_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ที่ลากได้ของ Marker มีการเปลี่ยนแปลง
dragstart	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อผู้ใช้เริ่มลาก Marker
flat_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้แบบคงที่ของ Marker มีการเปลี่ยนแปลง
icon_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ไอคอน Marker มีการเปลี่ยนแปลง
mousedown	function(event) อาร์กิวเมนต์: event: MapMouseEvent เหตุการณ์นี้เริ่มทํางานสําหรับเมาส์โอเวอร์ใน Marker
mouseout	function(event) อาร์กิวเมนต์: event: MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเมาส์ออกจากพื้นที่ของไอคอน Marker
mouseover	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อเมาส์เข้าสู่พื้นที่ของไอคอน Marker
mouseup	function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานสําหรับเมาส์โอเวอร์ใน Marker
position_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ตําแหน่ง Marker มีการเปลี่ยนแปลง
shape_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้รูปร่าง Marker มีการเปลี่ยนแปลง
title_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ชื่อ Marker มีการเปลี่ยนแปลง
visible_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ที่มองเห็นได้ Marker มีการเปลี่ยนแปลง
zindex_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มทํางานเมื่อพร็อพเพอร์ตี้ Marker zIndex มีการเปลี่ยนแปลง
rightclick	เลิกใช้งาน: ใช้เหตุการณ์ Marker.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น Control-Click ใน macOS function(event) อาร์กิวเมนต์: event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทํางานเมื่อคลิกขวาที่ Marker

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

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

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

พร็อพเพอร์ตี้
anchorPoint optional	ประเภท: Point optional การชดเชยจากตําแหน่งของเครื่องหมายไปยังปลาย InfoWindow ที่เปิดด้วยตัวทําเครื่องหมายเป็นแท็ก Anchor
animation optional	ประเภท: Animation optional ค่าเริ่มต้น: null ภาพเคลื่อนไหวที่จะแสดงเมื่อมีการเพิ่มตัวทําเครื่องหมายลงในแผนที่
clickable optional	ประเภท: boolean optional ค่าเริ่มต้น: true หาก "true" ตัวทําเครื่องหมายจะได้รับเหตุการณ์เมาส์และการสัมผัส
collisionBehavior optional	หมายเหตุ: พร้อมใช้งานในเวอร์ชัน v=เบต้า เท่านั้น ประเภท: 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=เบต้า เท่านั้น

เมื่อใช้ 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 ภาพเคลื่อนไหวประเภทนี้มักจะระบุระหว่างการสร้างตัวทําเครื่องหมาย