Marker (legacy)

Marker class

google.maps.Marker class

เลิกใช้งานแล้ว: ตั้งแต่วันที่ 21 กุมภาพันธ์ 2024 เราจะเลิกใช้งาน google.maps.Marker โปรดใช้ AdvancedMarkerElement แทน ขณะนี้ยังไม่มีกำหนดการเลิกใช้งาน google.maps.Marker แต่เราขอแนะนำให้ใช้ AdvancedMarkerElement แทน แม้ว่า google.maps.Marker จะได้รับการแก้ไขข้อบกพร่องสำหรับการถดถอยที่สำคัญต่อไป แต่เราจะไม่จัดการข้อบกพร่องที่มีอยู่ของ google.maps.Marker เราจะแจ้งให้ทราบล่วงหน้าอย่างน้อย 12 เดือนก่อนหยุดให้บริการ โปรดดูรายละเอียดเพิ่มเติมที่ https://developers.google.com/maps/deprecations และดูคู่มือการย้ายข้อมูลได้ที่ https://developers.google.com/maps/documentation/javascript/advanced-markers/migration

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

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

ผู้ผลิต
Marker	Marker([opts]) พารามิเตอร์:  opts:  MarkerOptions optional อาร์กิวเมนต์ที่ไม่บังคับซึ่งมีชื่อ สร้างเครื่องหมายที่มีตัวเลือกที่ระบุ หากระบุแผนที่ ระบบจะเพิ่มเครื่องหมายลงในแผนที่เมื่อสร้าง โปรดทราบว่าต้องตั้งค่าตำแหน่งเพื่อให้เครื่องหมายแสดง

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

เมธอด
getAnimation	getAnimation() พารามิเตอร์: ไม่มี ผลลัพธ์:  Animation|null|undefined รับภาพเคลื่อนไหวที่กําลังเล่นอยู่
getClickable	getClickable() พารามิเตอร์: ไม่มี ค่าที่แสดงผล:  boolean จริงหากคลิกเครื่องหมายได้ รับสถานะคลิกได้ของ Marker
getCursor	getCursor() พารามิเตอร์: ไม่มี ผลลัพธ์:  string|null|undefined รับประเภทเคอร์เซอร์เมาส์ที่แสดงเมื่อวางเมาส์เหนือ
getDraggable	getDraggable() พารามิเตอร์: ไม่มี ค่าที่แสดงผล:  boolean จริงหากย้ายเครื่องหมายได้ รับสถานะการลากของ 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]) พารามิเตอร์:  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

กิจกรรม
animation_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มต้นขึ้นเมื่อพร็อพเพอร์ตี้ภาพเคลื่อนไหว Marker มีการเปลี่ยนแปลง
click	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อมีการคลิกไอคอน Marker
clickable_changed	function() อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเริ่มต้นเมื่อพร็อพเพอร์ตี้ที่คลิกได้ Marker มีการเปลี่ยนแปลง
contextmenu	function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ contextmenu ของ 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 Flat
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 ใน macOS function(event) อาร์กิวเมนต์:  event:  MapMouseEvent เหตุการณ์นี้จะทํางานเมื่อคลิกขวาที่ Marker

MarkerOptions interface

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

เลิกใช้งานแล้ว: ตั้งแต่วันที่ 21 กุมภาพันธ์ 2024 เราจะเลิกใช้งาน google.maps.Marker โปรดใช้ google.maps.marker.AdvancedMarkerElement แทน โปรดดูรายละเอียดการเลิกใช้งานที่ https://developers.google.com/maps/deprecations และดูคู่มือการย้ายข้อมูลได้ที่ https://developers.google.com/maps/documentation/javascript/advanced-markers/migration

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

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

google.maps.CollisionBehavior constants

เข้าถึงโดยการโทรหา 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 interface

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 ชุดแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ font-family ของ CSS)
fontSize optional	ประเภท:  string optional ค่าเริ่มต้น: '14px' ขนาดแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ font-size ของ CSS)
fontWeight optional	ประเภท:  string optional น้ำหนักแบบอักษรของข้อความป้ายกำกับ (เทียบเท่ากับพร็อพเพอร์ตี้ font-weight ของ CSS)

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

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

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

พร็อพเพอร์ตี้
coords	ประเภท:  Array<number> รูปแบบของแอตทริบิวต์นี้ขึ้นอยู่กับค่าของ 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] โดยที่ 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 constants

google.maps.SymbolPath constants

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

เข้าถึงโดยการโทรหา 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 constants

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

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

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