Marker (legacy)

คลาส Marker

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

เลิกใช้งาน: ในวันที่ 21 กุมภาพันธ์ 2024 เราจะเลิกใช้งาน google.maps.Marker โปรดใช้ AdvancedMarkerElement แทน ในตอนนี้ เรายังไม่มีกำหนดการปิดให้บริการ google.maps.Marker แต่ขอแนะนำให้ใช้ AdvancedMarkerElement แทน google.maps.Marker แม้ว่า 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 ให้สูงขึ้นเพื่อนำเครื่องหมายมาไว้ด้านหน้า

เมธอด
getAnimation	getAnimation() พารามิเตอร์:  ไม่มี ค่าที่แสดงผล:  Animation|null|undefined รับภาพเคลื่อนไหวที่กำลังทำงานอยู่
getClickable	getClickable() พารามิเตอร์:  ไม่มี ค่าที่แสดงผล:  boolean True หากเครื่องหมายคลิกได้ ดูสถานะที่คลิกได้ของ 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|null รับแผนที่หรือภาพพาโนรามาที่แสดงผล 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 True หากเครื่องหมายมองเห็นได้ ดูระดับการเข้าถึงของ 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 optional ผลลัพธ์:  ไม่มี แสดงผล Marker บนแผนที่หรือภาพพาโนรามาที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำเครื่องหมายออก
setOpacity	setOpacity([opacity]) พารามิเตอร์  opacity:  number optional ตัวเลขระหว่าง 0.0 (โปร่งใส) ถึง 1.0 (ทึบแสง) ผลลัพธ์:  ไม่มี ตั้งค่าความทึบแสงของ Marker
setOptions	setOptions(options) พารามิเตอร์  options:  MarkerOptions optional ผลลัพธ์:  ไม่มี ตั้งค่าตัวเลือกสำหรับ 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 แบบแบนราบมีการเปลี่ยนแปลง
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() อาร์กิวเมนต์:  ไม่มี เหตุการณ์นี้จะเริ่มทำงานเมื่อพร็อพเพอร์ตี้ zIndex ของ Marker มีการเปลี่ยนแปลง
rightclick	เลิกใช้งาน: ใช้เหตุการณ์ Marker.contextmenu แทนเพื่อรองรับรูปแบบการใช้งาน เช่น การกด Control ค้างไว้แล้วคลิกใน macOS function(event) อาร์กิวเมนต์  event:  MapMouseEvent เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกขวาที่ Marker

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

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

พร็อพเพอร์ตี้
type	ประเภท:  string อธิบายประเภทของรูปร่างและอาจเป็น circle, poly หรือ rect
coords optional	ประเภท:  Array<number> optional รูปแบบของแอตทริบิวต์นี้ขึ้นอยู่กับค่าของ type และเป็นไปตามข้อกำหนด AREA coords ของ w3 ที่ 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 คือ [x1,y1,x2,y2] โดยที่ x1,y1 คือพิกัดของมุมซ้ายบนของสี่เหลี่ยมผืนผ้า และ x2,y2 คือพิกัดของมุมขวาล่างของสี่เหลี่ยมผืนผ้า

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

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

อธิบายสัญลักษณ์ ซึ่งประกอบด้วยเส้นทางเวกเตอร์ที่มีการจัดรูปแบบ สัญลักษณ์สามารถใช้เป็นไอคอนของเครื่องหมายหรือวางบนเส้นประกอบได้

พร็อพเพอร์ตี้
path	ประเภท:  SymbolPath|string เส้นทางของสัญลักษณ์ ซึ่งเป็นเส้นทางสัญลักษณ์ในตัว หรือเส้นทางที่กำหนดเองซึ่งแสดงโดยใช้สัญกรณ์เส้นทาง SVG ต้องระบุ
anchor optional	ประเภท:  Point optional ค่าเริ่มต้น: google.maps.Point(0,0) ตำแหน่งของสัญลักษณ์ที่สัมพันธ์กับเครื่องหมายหรือเส้นประกอบ พิกัดของเส้นทางสัญลักษณ์จะถูกแปลไปทางซ้ายและขึ้นตามพิกัด x และ y ของ Anchor ตามลำดับ ตำแหน่งจะแสดงในระบบพิกัดเดียวกับเส้นทางของสัญลักษณ์
fillColor optional	ประเภท:  string optional สีเติมของสัญลักษณ์ ระบบรองรับสี CSS3 ทั้งหมด ยกเว้นสีที่มีชื่อแบบขยาย สำหรับเครื่องหมายสัญลักษณ์ ค่าเริ่มต้นจะเป็น "black" สำหรับสัญลักษณ์บนเส้นประกอบ ค่าเริ่มต้นจะเป็นสีเส้นของเส้นประกอบที่เกี่ยวข้อง
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 ทั้งหมด ยกเว้นสีที่มีชื่อแบบขยาย สำหรับเครื่องหมายสัญลักษณ์ ค่าเริ่มต้นจะเป็น "black" สำหรับสัญลักษณ์บนเส้นประกอบ ค่าเริ่มต้นจะเป็นสีเส้นของเส้นประกอบ
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 ใน Marker หรือตัวเลือก MarkerOptions.animation เพื่อเล่นภาพเคลื่อนไหว

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

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