Places UI Kit: ไลบรารีที่พร้อมใช้งานซึ่งช่วยให้นักพัฒนาซอฟต์แวร์ปรับแต่งและควบคุมได้ ลองใช้ดู แล้วแชร์ความคิดเห็นเกี่ยวกับประสบการณ์การใช้ UI Kit

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

Marker (legacy)

Marker class

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

ผู้ผลิต

Marker

Marker([opts])

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

opts: MarkerOptions optional อาร์กิวเมนต์แบบไม่บังคับที่มีชื่อ

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

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

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

Marker (legacy) จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ

Marker class

ผู้ผลิต

ค่าคงที่

เมธอด

กิจกรรม

Marker (legacy)