หน้านี้ได้รับการแปลโดย Cloud Translation API

Switch to English

Marker

คลาสมาร์กเกอร์

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

ชั้นเรียนนี้จะขยายการให้บริการไปยัง MVCObject

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

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

ผู้ผลิต

Marker

Marker([opts])

พารามิเตอร์:

opts: MarkerOptions optional อาร์กิวเมนต์ตัวเลือกที่มีชื่อ

สร้างเครื่องหมายด้วยตัวเลือกที่ระบุไว้ หากมีการกำหนดแผนที่ไว้ ระบบจะเพิ่มเครื่องหมายลงในแผนที่เมื่อสร้าง โปรดทราบว่าจะต้องกำหนดตำแหน่งเพื่อให้เครื่องหมายแสดง

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

วิธีการ
`getAnimation`	`getAnimation()` พารามิเตอร์: ไม่มี ค่าที่ส่งคืน: `Animation\|null\|undefined` รับภาพเคลื่อนไหวที่ทำงานอยู่
`getClickable`	`getClickable()` พารามิเตอร์: ไม่มี Return Value: `boolean` True หากตัวทำเครื่องหมายคลิกได้ ดูสถานะที่คลิกได้ของ `Marker`
`getCursor`	`getCursor()` พารามิเตอร์: ไม่มี ค่าที่ส่งคืน: `string\|null\|undefined` แสดงประเภทเคอร์เซอร์ของเมาส์เมื่อวางเมาส์เหนือรายการ
`getDraggable`	`getDraggable()` พารามิเตอร์: ไม่มี Return Value: `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()` พารามิเตอร์: ไม่มี Return Value: `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` เหตุการณ์นี้จะเกิดขึ้นเมื่อเหตุการณ์เมนูตามบริบทของ 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-click ใน macOS `function(event)` อาร์กิวเมนต์: `event`: `MapMouseEvent` เหตุการณ์นี้เริ่มทำงานสำหรับการคลิกขวาที่ `Marker`

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

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

ออบเจ็กต์ MarkerOptions กำหนดคุณสมบัติที่ตั้งค่าได้ใน Marker

พร็อพเพอร์ตี้
`anchorPoint optional`	ประเภท: `Point optional` ออฟเซ็ตจากตำแหน่งของเครื่องหมายถึงปลายของ InfoWindow ที่ถูกเปิดโดยมีเครื่องหมายเป็น Anchor
`animation optional`	ประเภท: `Animation optional` ค่าเริ่มต้น: `null` ภาพเคลื่อนไหวที่จะเล่นเมื่อมีการเพิ่มตัวทำเครื่องหมายลงในแผนที่
`clickable optional`	ประเภท: `boolean optional` ค่าเริ่มต้น: `true` หากเป็น `true` เครื่องหมายจะได้รับเหตุการณ์เมาส์และการแตะ
`collisionBehavior optional`	เลิกใช้งานแล้ว: `collisionBehavior` เลิกใช้งานตั้งแต่เดือนกรกฎาคม 2023 โปรดใช้ `AdvancedMarkerElement.collisionBehavior` แทน ประกาศ: มีให้บริการในv=beta channelเท่านั้น ประเภท: `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 ขององค์ประกอบป้ายกำกับ (เทียบเท่ากับแอตทริบิวต์คลาสขององค์ประกอบ) เพิ่มคลาส 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` และเป็นไปตามข้อกำหนดเฉพาะของพื้นที่ `coords` ของ W3 ซึ่งดูได้ที่ 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 แต่ละคู่มีพิกัดของจุดยอดมุม 1 จุดของรูปหลายเหลี่ยม - `rect`: พิกัดคือ `[x1,y1,x2,y2]` โดย x1,y1 คือพิกัดมุมซ้ายบนของรูปสี่เหลี่ยมผืนผ้า และ x2,y2 คือพิกัดของพิกัดด้านล่างขวาของรูปสี่เหลี่ยมผืนผ้า
`type`	ประเภท: `string` อธิบายประเภทของรูปร่าง และสามารถเป็น `circle`, `poly` หรือ `rect`

พร็อพเพอร์ตี้

coords

ประเภท: Array<number>

รูปแบบของแอตทริบิวต์นี้ขึ้นอยู่กับค่าของ type และเป็นไปตามข้อกำหนดเฉพาะของพื้นที่ coords ของ W3 ซึ่งดูได้ที่ 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 แต่ละคู่มีพิกัดของจุดยอดมุม 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 ค่าคงที่

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

เข้าถึงโดยการโทร 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` ภาพเคลื่อนไหวประเภทนี้มักจะระบุไว้ระหว่างการสร้างตัวทำเครื่องหมาย

ค่าคงที่

BOUNCE เครื่องหมายตีกลับจนกว่าภาพเคลื่อนไหวจะหยุดโดยการเรียก Marker.setAnimation ด้วย null

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

Marker

คลาสมาร์กเกอร์

ผู้ผลิต

ค่าคงที่

วิธีการ

กิจกรรม

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

พร็อพเพอร์ตี้

ค่าคงที่ CollisionBehavior

ค่าคงที่

อินเทอร์เฟซไอคอน

พร็อพเพอร์ตี้

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

พร็อพเพอร์ตี้

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

พร็อพเพอร์ตี้

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

พร็อพเพอร์ตี้

SymbolPath ค่าคงที่

ค่าคงที่

ค่าคงที่ภาพเคลื่อนไหว

ค่าคงที่