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

Switch to English

Marker

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 อาร์กิวเมนต์ที่ระบุหรือไม่ก็ได้

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

วิธีการ
`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])` พารามิเตอร์: `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()` อาร์กิวเมนต์: ไม่มี เหตุการณ์นี้จะเกิดขึ้นเมื่อพร็อพเพอร์ตี้ 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`	หมายเหตุ: ใช้ได้เฉพาะในเวอร์ชัน 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 โดยมีค่าที่สูงขึ้นแสดงข้างหน้าเครื่องหมายที่มีค่าต่ํากว่า โดยค่าเริ่มต้น เครื่องหมายแสดงตามตําแหน่งแนวตั้งบนหน้าจอ โดยมีเครื่องหมายด้านล่างปรากฏที่ด้านหน้าของหน้าจอ

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`

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

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

ค่าคงที่

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

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

Marker

Marker ชั้นเรียน

ผู้ผลิต

วิธีการ

ค่าคงที่

กิจกรรม

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

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

CollisionBehavior ค่าคงที่

ค่าคงที่

ไอคอน

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

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

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

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

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

สัญลักษณ์

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

SymbolPath ค่าคงที่

ค่าคงที่

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

ค่าคงที่