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

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

3D Maps

Map3DElement class

google.maps.maps3d.Map3DElement ชั้นเรียน

Map3DElement เป็นอินเทอร์เฟซ HTML สำหรับมุมมองแผนที่ 3 มิติ โปรดทราบว่าต้องตั้งค่า mode เพื่อให้แผนที่ 3 มิติเริ่มแสดงผล

องค์ประกอบที่กำหนดเอง:
<gmp-map-3d center="lat,lng,altitude" default-ui-disabled heading="number" internal-usage-attribution-ids="id1 id2" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" mode="hybrid" range="number" roll="number" tilt="number"></gmp-map-3d>

ชั้นเรียนนี้ขยายเวลา HTMLElement

คลาสนี้ใช้ Map3DElementOptions

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

ผู้ผลิต
`Map3DElement`	`Map3DElement([options])` พารามิเตอร์: `options`: `Map3DElementOptions optional`

พร็อพเพอร์ตี้
`bounds`	ประเภท: `LatLngBounds\|LatLngBoundsLiteral optional` เมื่อตั้งค่าแล้ว จะจำกัดตำแหน่งของกล้องภายในขอบเขตละติจูด/ลองจิจูดที่ระบุ โปรดทราบว่าระบบจะยังคงแสดงผลออบเจ็กต์ที่อยู่นอกขอบเขต ขอบเขตสามารถจำกัดทั้งลองจิจูดและละติจูด หรือจะจำกัดเฉพาะละติจูดหรือลองจิจูดอย่างใดอย่างหนึ่งก็ได้ สำหรับขอบเขตละติจูดเท่านั้น ให้ใช้ลองจิจูดตะวันตกและตะวันออกของ `-180` และ `180` ตามลำดับ สำหรับขอบเขตที่มีลองจิจูดเท่านั้น ให้ใช้ละติจูดเหนือและใต้ของ `90` และ `-90` ตามลำดับ
`center`	ประเภท: `LatLngAltitude\|LatLngAltitudeLiteral optional` ศูนย์กลางของแผนที่ที่ระบุเป็น LatLngAltitude โดยที่ระดับความสูงเป็นเมตรเหนือระดับพื้นดิน โปรดทราบว่านี่ไม่ใช่ตำแหน่งของกล้องเสมอไป เนื่องจากฟิลด์ `range` จะส่งผลต่อระยะห่างของกล้องจากจุดกึ่งกลางของแผนที่ หากไม่ได้ตั้งค่าไว้ ระบบจะใช้ `{lat: 0, lng: 0, altitude: 63170000}` เป็นค่าเริ่มต้น 63170000 เมตรคือระดับความสูงสูงสุดที่อนุญาต (รัศมีของโลกคูณด้วย 10) แอตทริบิวต์ HTML: `<gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>`
`defaultUIDisabled`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` เมื่อ `true` ระบบจะปิดใช้ปุ่ม UI เริ่มต้นทั้งหมด ไม่ได้ปิดใช้การควบคุมด้วยแป้นพิมพ์และท่าทางสัมผัส แอตทริบิวต์ HTML: `<gmp-map-3d default-ui-disabled></gmp-map-3d>`
`heading`	ประเภท: `number optional` เข็มทิศของแผนที่ในหน่วยองศา โดยทิศเหนือคือ 0 เมื่อไม่มีการเอียง ระบบจะตีความการหมุนเป็นการมุ่งหน้า แอตทริบิวต์ HTML: `<gmp-map-3d heading="number"></gmp-map-3d>`
`internalUsageAttributionIds`	ประเภท: `Iterable<string> optional` เพิ่มรหัสการระบุแหล่งที่มาของการใช้งานลงในตัวเริ่มต้น ซึ่งจะช่วยให้ Google เข้าใจว่าไลบรารีและตัวอย่างใดมีประโยชน์ต่อนักพัฒนาแอป เช่น การใช้งานไลบรารีการจัดกลุ่มเครื่องหมาย หากต้องการเลือกไม่ใช้การส่งรหัสการระบุแหล่งที่มาของการใช้งาน คุณสามารถลบพร็อพเพอร์ตี้นี้ได้ ระบบจะส่งเฉพาะค่าที่ไม่ซ้ำกัน ระบบอาจไม่สนใจการเปลี่ยนแปลงค่านี้หลังจากสร้างอินสแตนซ์ แอตทริบิวต์ HTML: `<gmp-map-3d internal-usage-attribution-ids="id1 id2"></gmp-map-3d>`
`maxAltitude`	ประเภท: `number optional` ความสูงสูงสุดเหนือพื้นดินที่จะแสดงบนแผนที่ ค่าที่ถูกต้องอยู่ระหว่าง `0` ถึง `63170000` เมตร (รัศมีโลกคูณด้วย 10) แอตทริบิวต์ HTML: `<gmp-map-3d max-altitude="number"></gmp-map-3d>`
`maxHeading`	ประเภท: `number optional` มุมสูงสุดของส่วนหัว (การหมุน) ของแผนที่ ค่าที่ถูกต้องอยู่ระหว่าง `0` ถึง `360` องศา `minHeading` และ `maxHeading` แสดงช่วงเวลาที่มีการอนุญาตให้ใช้ท่าทางสัมผัสการมุ่งหน้าซึ่งมีค่า <= `360` องศา `minHeading = 180` และ `maxHeading = 90` จะอนุญาตให้มีส่วนหัวใน `[0, 90]` และส่วนหัวใน `[180, 360]` `minHeading = 90` และ `maxHeading = 180` จะอนุญาตให้ใช้ส่วนหัวใน `[90, 180]` แอตทริบิวต์ HTML: `<gmp-map-3d max-heading="number"></gmp-map-3d>`
`maxTilt`	ประเภท: `number optional` มุมตกกระทบสูงสุดของแผนที่ ค่าที่ถูกต้องอยู่ระหว่าง `0` ถึง `90` องศา แอตทริบิวต์ HTML: `<gmp-map-3d max-tilt="number"></gmp-map-3d>`
`minAltitude`	ประเภท: `number optional` ระดับความสูงเหนือพื้นดินขั้นต่ำที่จะแสดงบนแผนที่ ค่าที่ถูกต้องอยู่ระหว่าง `0` ถึง `63170000` เมตร (รัศมีโลกคูณด้วย 10) แอตทริบิวต์ HTML: `<gmp-map-3d min-altitude="number"></gmp-map-3d>`
`minHeading`	ประเภท: `number optional` มุมต่ำสุดของส่วนหัว (การหมุน) ของแผนที่ ค่าที่ถูกต้องอยู่ระหว่าง `0` ถึง `360` องศา `minHeading` และ `maxHeading` แสดงช่วงเวลาที่มีการอนุญาตให้ใช้ท่าทางสัมผัสการมุ่งหน้าซึ่งมีค่า <= `360` องศา `minHeading = 180` และ `maxHeading = 90` จะอนุญาตให้มีส่วนหัวใน `[0, 90]` และส่วนหัวใน `[180, 360]` `minHeading = 90` และ `maxHeading = 180` จะอนุญาตให้ใช้ส่วนหัวใน `[90, 180]` แอตทริบิวต์ HTML: `<gmp-map-3d min-heading="number"></gmp-map-3d>`
`minTilt`	ประเภท: `number optional` มุมตกกระทบต่ำสุดของแผนที่ ค่าที่ถูกต้องอยู่ระหว่าง `0` ถึง `90` องศา แอตทริบิวต์ HTML: `<gmp-map-3d min-tilt="number"></gmp-map-3d>`
`mode`	ประเภท: `MapMode optional` ระบุโหมดที่ควรแสดงแผนที่ หากไม่ได้ตั้งค่าไว้ ระบบจะไม่แสดงแผนที่ แอตทริบิวต์ HTML: `<gmp-map-3d mode="hybrid"></gmp-map-3d>` `<gmp-map-3d mode="satellite"></gmp-map-3d>`
`range`	ประเภท: `number optional` ระยะห่างจากกล้องไปยังกึ่งกลางของแผนที่ หน่วยเป็นเมตร แอตทริบิวต์ HTML: `<gmp-map-3d range="number"></gmp-map-3d>`
`roll`	ประเภท: `number optional` การหมุนของกล้องรอบเวกเตอร์มุมมองเป็นองศา หากต้องการแก้ปัญหาความคลุมเครือ เมื่อไม่มีการเอียง ระบบจะตีความการหมุนเป็นการมุ่งหน้า แอตทริบิวต์ HTML: `<gmp-map-3d roll="number"></gmp-map-3d>`
`tilt`	ประเภท: `number optional` การเอียงของเวกเตอร์มุมมองของกล้องเป็นองศา เวกเตอร์มุมมองที่มองลงมายังโลกโดยตรงจะมีมุมเอียง 0 องศา เวกเตอร์มุมมองที่ชี้ออกจากโลกจะมีมุมเอียง `180` องศา แอตทริบิวต์ HTML: `<gmp-map-3d tilt="number"></gmp-map-3d>`

เมธอด
`addEventListener`	`addEventListener(type, listener[, options])` พารามิเตอร์: `type`: `string` สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง `listener`: `EventListener\|EventListenerObject` ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent `options`: `boolean\|AddEventListenerOptions optional` ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ `capture` และ `passive` ค่าที่ส่งคืน: `void` ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
`flyCameraAround`	`flyCameraAround(options)` พารามิเตอร์: `options`: `FlyAroundAnimationOptions` ค่าที่ส่งคืน: ไม่มี วิธีนี้จะหมุนกล้องรอบตำแหน่งที่กำหนดเป็นระยะเวลาที่กำหนด โดยหมุนตามจำนวนรอบที่กำหนดในเวลานั้น โดยค่าเริ่มต้น กล้องจะหมุนตามเข็มนาฬิกา หากระบุจำนวนรอบเป็นค่าลบ กล้องจะโคจรในทิศทางทวนเข็มนาฬิกาแทน วิธีนี้เป็นแบบไม่พร้อมกันเนื่องจากภาพเคลื่อนไหวจะเริ่มได้หลังจากที่แผนที่โหลดข้อมูลขั้นต่ำแล้วเท่านั้น เมธอดจะแสดงผลเมื่อเริ่มภาพเคลื่อนไหวแล้ว หากจำนวนรอบเป็น 0 จะไม่มีการหมุน และภาพเคลื่อนไหวจะเสร็จสมบูรณ์ทันทีหลังจากเริ่ม
`flyCameraTo`	`flyCameraTo(options)` พารามิเตอร์: `options`: `FlyToAnimationOptions` ค่าที่ส่งคืน: ไม่มี วิธีนี้จะย้ายกล้องแบบพาราโบลาจากตำแหน่งปัจจุบันไปยังตำแหน่งสิ้นสุดที่กำหนดในช่วงระยะเวลาที่กำหนด วิธีนี้เป็นแบบไม่พร้อมกันเนื่องจากภาพเคลื่อนไหวจะเริ่มได้หลังจากที่แผนที่โหลดข้อมูลขั้นต่ำแล้วเท่านั้น เมธอดจะแสดงผลเมื่อเริ่มภาพเคลื่อนไหวแล้ว
`removeEventListener`	`removeEventListener(type, listener[, options])` พารามิเตอร์: `type`: `string` สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก `listener`: `EventListener\|EventListenerObject` Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์ `options`: `boolean\|EventListenerOptions optional` ดูตัวเลือก ค่าที่ส่งคืน: `void` นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener
`stopCameraAnimation`	`stopCameraAnimation()` พารามิเตอร์: ไม่มี ค่าที่ส่งคืน: ไม่มี วิธีนี้จะหยุดภาพเคลื่อนไหวการบินที่อาจกำลังทำงานอยู่ กล้องจะอยู่ที่ตำแหน่งเดิมในระหว่างภาพเคลื่อนไหว ไม่ได้เคลื่อนย้ายไปยังจุดสิ้นสุด เมธอดนี้เป็นแบบไม่พร้อมกันเนื่องจากภาพเคลื่อนไหวจะเริ่มหรือหยุดได้หลังจากที่แผนที่โหลดข้อมูลขั้นต่ำแล้วเท่านั้น เมธอดจะแสดงผลเมื่อภาพเคลื่อนไหวหยุดแล้ว

กิจกรรม
`gmp-animationend`	`function(animationEndEvent)` อาร์กิวเมนต์: `animationEndEvent`: `Event` เหตุการณ์นี้จะเริ่มทำงานเมื่อภาพเคลื่อนไหวการบินสิ้นสุดลง เหตุการณ์นี้จะส่งต่อขึ้นไปตามแผนผัง DOM
`gmp-centerchange`	`function(centerChangeEvent)` อาร์กิวเมนต์: `centerChangeEvent`: `Event` ระบบจะทริกเกอร์เหตุการณ์นี้เมื่อพร็อพเพอร์ตี้ center ของ Map3DElement เปลี่ยนแปลง
`gmp-click`	`function(clickEvent)` อาร์กิวเมนต์: `clickEvent`: `LocationClickEvent\|PlaceClickEvent` เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ `Map3DElement`
`gmp-error`	`function(mapInitializationErrorEvent)` อาร์กิวเมนต์: `mapInitializationErrorEvent`: `Event` เหตุการณ์นี้จะเริ่มทำงานเมื่อแผนที่ไม่สามารถเริ่มต้นได้
`gmp-headingchange`	`function(headingChangeEvent)` อาร์กิวเมนต์: `headingChangeEvent`: `Event` ระบบจะทริกเกอร์เหตุการณ์นี้เมื่อพร็อพเพอร์ตี้ heading ของ Map3DElement เปลี่ยนแปลง
`gmp-rangechange`	`function(rangeChangeEvent)` อาร์กิวเมนต์: `rangeChangeEvent`: `Event` เหตุการณ์นี้จะทริกเกอร์เมื่อพร็อพเพอร์ตี้ช่วงของ Map3DElement เปลี่ยนแปลง
`gmp-rollchange`	`function(rollChangeEvent)` อาร์กิวเมนต์: `rollChangeEvent`: `Event` ระบบจะทริกเกอร์เหตุการณ์นี้เมื่อพร็อพเพอร์ตี้การหมุนของ Map3DElement เปลี่ยนแปลง
`gmp-steadychange`	`function(steadyChangeEvent)` อาร์กิวเมนต์: `steadyChangeEvent`: `SteadyChangeEvent` เหตุการณ์นี้จะทริกเกอร์เมื่อสถานะคงที่ของ `Map3DElement` เปลี่ยนแปลง
`gmp-tiltchange`	`function(tiltChangeEvent)` อาร์กิวเมนต์: `tiltChangeEvent`: `Event` เหตุการณ์นี้จะทริกเกอร์เมื่อพร็อพเพอร์ตี้การเอียงของ Map3DElement เปลี่ยนแปลง

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

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

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

พร็อพเพอร์ตี้
`bounds optional`	ประเภท: `LatLngBounds\|LatLngBoundsLiteral optional` ดู`Map3DElement.bounds`
`center optional`	ประเภท: `LatLngAltitude\|LatLngAltitudeLiteral optional` ดู`Map3DElement.center`
`defaultUIDisabled optional`	ประเภท: `boolean optional` ดู`Map3DElement.defaultUIDisabled`
`heading optional`	ประเภท: `number optional` ดู`Map3DElement.heading`
`internalUsageAttributionIds optional`	ประเภท: `Iterable<string> optional` ดู`Map3DElement.internalUsageAttributionIds`
`maxAltitude optional`	ประเภท: `number optional` ดู`Map3DElement.maxAltitude`
`maxHeading optional`	ประเภท: `number optional` ดู`Map3DElement.maxHeading`
`maxTilt optional`	ประเภท: `number optional` ดู`Map3DElement.maxTilt`
`minAltitude optional`	ประเภท: `number optional` ดู`Map3DElement.minAltitude`
`minHeading optional`	ประเภท: `number optional` ดู`Map3DElement.minHeading`
`minTilt optional`	ประเภท: `number optional` ดู`Map3DElement.minTilt`
`mode optional`	ประเภท: `MapMode optional` ดู`Map3DElement.mode`
`range optional`	ประเภท: `number optional` ดู`Map3DElement.range`
`roll optional`	ประเภท: `number optional` ดู`Map3DElement.roll`
`tilt optional`	ประเภท: `number optional` ดู`Map3DElement.tilt`

MapMode ค่าคงที่

google.maps.maps3d.MapMode ค่าคงที่

ระบุโหมดที่ควรแสดงแผนที่

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

ค่าคงที่
`HYBRID`	โหมดแผนที่นี้จะแสดงเลเยอร์โปร่งใสของถนนสายหลักบนภาพจากดาวเทียมหรือภาพถ่ายสมจริง
`SATELLITE`	โหมดแผนที่นี้จะแสดงภาพถ่ายดาวเทียมหรือภาพถ่ายสมจริงหากมี

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

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

ตัวเลือกการปรับแต่งสำหรับภาพเคลื่อนไหว FlyCameraAround

พร็อพเพอร์ตี้
`camera`	ประเภท: `CameraOptions` จุดกึ่งกลางที่กล้องควรหันไปมองระหว่างภาพเคลื่อนไหววงโคจร โปรดทราบว่าส่วนหัวของแผนที่จะเปลี่ยนไปเมื่อกล้องโคจรรอบจุดกึ่งกลางนี้
`durationMillis optional`	ประเภท: `number optional` ระยะเวลาของภาพเคลื่อนไหวเป็นมิลลิวินาที นี่คือระยะเวลาทั้งหมดของภาพเคลื่อนไหว ไม่ใช่ระยะเวลาของการหมุนครั้งเดียว
`rounds optional`	ประเภท: `number optional` จำนวนรอบที่จะหมุนรอบจุดกึ่งกลางในระยะเวลาที่กำหนด ซึ่งจะควบคุมความเร็วโดยรวมของการหมุน การส่งตัวเลขที่เป็นลบไปยังฟังก์ชัน round จะทำให้กล้องหมุนในทิศทางทวนเข็มนาฬิกาแทนที่จะเป็นทิศทางตามเข็มนาฬิกาเริ่มต้น

FlyToAnimationOptions interface

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

ตัวเลือกการปรับแต่งสำหรับภาพเคลื่อนไหว FlyCameraTo

พร็อพเพอร์ตี้
`endCamera`	ประเภท: `CameraOptions` ตำแหน่งที่กล้องควรชี้ไปที่จุดสิ้นสุดของภาพเคลื่อนไหว
`durationMillis optional`	ประเภท: `number optional` ระยะเวลาของภาพเคลื่อนไหวเป็นมิลลิวินาที ระยะเวลา 0 จะทำให้กล้องเคลื่อนที่ไปยังตำแหน่งสุดท้ายโดยตรง

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

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

ออบเจ็กต์ CameraOptions ใช้เพื่อกำหนดพร็อพเพอร์ตี้ที่ตั้งค่าในออบเจ็กต์กล้องได้ ออบเจ็กต์กล้องอาจเป็นอะไรก็ได้ที่มีตำแหน่งกล้อง เช่น สถานะแผนที่ปัจจุบัน หรือสถานะภาพเคลื่อนไหวที่ขอในอนาคต

พร็อพเพอร์ตี้
`center optional`	ประเภท: `LatLngAltitude\|LatLngAltitudeLiteral optional` ดู`Map3DElement.center`
`heading optional`	ประเภท: `number optional` ดู`Map3DElement.heading`
`range optional`	ประเภท: `number optional` ดู`Map3DElement.range`
`roll optional`	ประเภท: `number optional` ดู`Map3DElement.roll`
`tilt optional`	ประเภท: `number optional` ดู`Map3DElement.tilt`

SteadyChangeEvent class

google.maps.maps3d.SteadyChangeEvent ชั้นเรียน

เหตุการณ์นี้สร้างขึ้นจากการตรวจสอบสถานะคงที่ของ Map3DElement เหตุการณ์นี้จะส่งต่อขึ้นไปตามแผนผัง DOM

ชั้นเรียนนี้ขยายเวลา Event

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

พร็อพเพอร์ตี้
`isSteady`	ประเภท: `boolean` ระบุว่า Map3DElement คงที่ (เช่น การแสดงผลทั้งหมดสำหรับฉากปัจจุบันเสร็จสมบูรณ์แล้ว) หรือไม่

LocationClickEvent class

google.maps.maps3d.LocationClickEvent ชั้นเรียน

เหตุการณ์นี้สร้างขึ้นจากการคลิก Map3DElement

ชั้นเรียนนี้ขยายเวลา Event

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

พร็อพเพอร์ตี้
`position`	ประเภท: `LatLngAltitude optional` ละติจูด/ลองจิจูด/ระดับความสูงที่อยู่ใต้เคอร์เซอร์เมื่อเกิดเหตุการณ์ โปรดทราบว่าที่ระดับหยาบกว่า ระบบจะแสดงข้อมูลที่มีความแม่นยำน้อยกว่า นอกจากนี้ ระบบอาจแสดงระดับความสูงของพื้นทะเลเป็นค่าระดับความสูงเมื่อคลิกที่ผิวน้ำจากตำแหน่งกล้องที่สูงขึ้น เหตุการณ์นี้จะส่งต่อขึ้นไปตามแผนผัง DOM

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

position

ประเภท: LatLngAltitude optional

ละติจูด/ลองจิจูด/ระดับความสูงที่อยู่ใต้เคอร์เซอร์เมื่อเกิดเหตุการณ์ โปรดทราบว่าที่ระดับหยาบกว่า ระบบจะแสดงข้อมูลที่มีความแม่นยำน้อยกว่า นอกจากนี้ ระบบอาจแสดงระดับความสูงของพื้นทะเลเป็นค่าระดับความสูงเมื่อคลิกที่ผิวน้ำจากตำแหน่งกล้องที่สูงขึ้น เหตุการณ์นี้จะส่งต่อขึ้นไปตามแผนผัง DOM

PlaceClickEvent class

google.maps.maps3d.PlaceClickEvent ชั้นเรียน

กิจกรรมนี้สร้างขึ้นจากการคลิกไอคอนสถานที่ใน Map3DElement หากไม่ต้องการให้ป๊อปโอเวอร์เริ่มต้นแสดง ให้เรียกใช้เมธอด preventDefault() ในเหตุการณ์นี้เพื่อป้องกันไม่ให้ Map3DElement จัดการ

ชั้นเรียนนี้ขยายเวลา LocationClickEvent

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

พร็อพเพอร์ตี้
`placeId`	ประเภท: `string` รหัสสถานที่ของฟีเจอร์แผนที่
รับค่า: `position`

เมธอด
`fetchPlace`	`fetchPlace()` พารามิเตอร์: ไม่มี ค่าที่ส่งคืน: `Promise<Place>` ดึงข้อมูล `Place` สำหรับรหัสสถานที่นี้ ในออบเจ็กต์ `Place` ที่ได้ ระบบจะป้อนข้อมูลพร็อพเพอร์ตี้รหัส คุณขอฟิลด์เพิ่มเติมได้ในภายหลังผ่าน `Place.fetchFields()` โดยขึ้นอยู่กับการเปิดใช้และการเรียกเก็บเงิน Places API ตามปกติ ระบบจะปฏิเสธ Promise หากเกิดข้อผิดพลาดในการดึงข้อมูล `Place`

เมธอด

fetchPlace

fetchPlace()

พารามิเตอร์: ไม่มี

ค่าที่ส่งคืน: Promise<Place>

ดึงข้อมูล Place สำหรับรหัสสถานที่นี้ ในออบเจ็กต์ Place ที่ได้ ระบบจะป้อนข้อมูลพร็อพเพอร์ตี้รหัส คุณขอฟิลด์เพิ่มเติมได้ในภายหลังผ่าน Place.fetchFields() โดยขึ้นอยู่กับการเปิดใช้และการเรียกเก็บเงิน Places API ตามปกติ ระบบจะปฏิเสธ Promise หากเกิดข้อผิดพลาดในการดึงข้อมูล Place

Marker3DElement class

google.maps.maps3d.Marker3DElement ชั้นเรียน

แสดงตำแหน่งบนแผนที่ 3 มิติ โปรดทราบว่าต้องตั้งค่า position เพื่อให้ Marker3DElement แสดง

องค์ประกอบที่กำหนดเอง:
<gmp-marker-3d altitude-mode="absolute" collision-behavior="required" draws-when-occluded extruded label="string" position="lat,lng" size-preserved z-index="number"></gmp-marker-3d>

ชั้นเรียนนี้ขยายเวลา HTMLElement

คลาสนี้ใช้ Marker3DElementOptions

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

ผู้ผลิต
`Marker3DElement`	`Marker3DElement([options])` พารามิเตอร์: `options`: `Marker3DElementOptions optional` สร้าง `Marker3DElement` โดยมีตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
`altitudeMode`	ประเภท: `AltitudeMode optional` ค่าเริ่มต้น: `AltitudeMode.CLAMP_TO_GROUND` ระบุวิธีตีความคอมโพเนนต์ระดับความสูงของตำแหน่ง แอตทริบิวต์ HTML: `<gmp-marker-3d altitude-mode="absolute"></gmp-marker-3d>` `<gmp-marker-3d altitude-mode="clamp-to-ground"></gmp-marker-3d>` `<gmp-marker-3d altitude-mode="relative-to-ground"></gmp-marker-3d>` `<gmp-marker-3d altitude-mode="relative-to-mesh"></gmp-marker-3d>`
`collisionBehavior`	ประเภท: `CollisionBehavior optional` ค่าเริ่มต้น: `CollisionBehavior.REQUIRED` การแจงนับที่ระบุลักษณะการทำงานของ Marker3DElement เมื่อชนกับ Marker3DElement อื่นหรือป้ายกำกับของแผนที่ฐาน แอตทริบิวต์ HTML: `<gmp-marker-3d collision-behavior="required"></gmp-marker-3d>` `<gmp-marker-3d collision-behavior="required-and-hides-optional"></gmp-marker-3d>` `<gmp-marker-3d collision-behavior="optional-and-hides-lower-priority"></gmp-marker-3d>`
`drawsWhenOccluded`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าควรวาดเครื่องหมายนี้หรือไม่เมื่อถูกบดบัง เครื่องหมายอาจถูกบดบังด้วยรูปเรขาคณิตของแผนที่ (เช่น อาคาร) แอตทริบิวต์ HTML: `<gmp-marker-3d draws-when-occluded></gmp-marker-3d>`
`extruded`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าจะเชื่อมต่อเครื่องหมายกับพื้นหรือไม่ หากต้องการดึงเครื่องหมายออกมา `altitudeMode` ต้องเป็น `RELATIVE_TO_GROUND` หรือ `ABSOLUTE` แอตทริบิวต์ HTML: `<gmp-marker-3d extruded></gmp-marker-3d>`
`label`	ประเภท: `string optional` ข้อความที่เครื่องหมายนี้จะแสดง แอตทริบิวต์ HTML: `<gmp-marker-3d label="string"></gmp-marker-3d>`
`position`	ประเภท: `LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` ตำแหน่งของปลายเครื่องหมาย ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ แอตทริบิวต์ HTML: `<gmp-marker-3d position="lat,lng"></gmp-marker-3d>` `<gmp-marker-3d position="lat,lng,altitude"></gmp-marker-3d>`
`sizePreserved`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าเครื่องหมายนี้ควรคงขนาดไว้หรือไม่โดยไม่คำนึงถึงระยะห่างจากกล้อง โดยค่าเริ่มต้น ระบบจะปรับขนาดเครื่องหมายตามระยะห่างจากกล้อง/การเอียง แอตทริบิวต์ HTML: `<gmp-marker-3d size-preserved></gmp-marker-3d>`
`zIndex`	ประเภท: `number optional` zIndex เมื่อเทียบกับเครื่องหมายอื่นๆ แอตทริบิวต์ HTML: `<gmp-marker-3d z-index="number"></gmp-marker-3d>`

สล็อต
`default`	ระบบจะใส่องค์ประกอบที่กำหนดเองซึ่งเพิ่มลงใน `Marker3DElement` โดยตรง แต่จะใช้เฉพาะองค์ประกอบประเภท `HTMLImageElement`, `SVGElement` และ `PinElement` ในการวาดเครื่องหมาย ส่วนองค์ประกอบอื่นๆ จะถูกละเว้น `HTMLImageElement` และ `SVGElement` ต้องอยู่ในองค์ประกอบ `<template>` ก่อนที่จะกำหนดให้กับช่องเริ่มต้นของ `Marker3DElement` ปัจจุบันระบบจะแรสเตอร์รูปภาพและ SVG ก่อนที่จะแสดงผลในฉาก 3 มิติ ดังนั้น HTML ที่กำหนดเองซึ่งฝังอยู่ใน SVG หรือคลาส CSS ที่เพิ่มลงในรูปภาพจะไม่มีผลและอาจไม่แสดงเมื่อเครื่องหมายปรากฏบนหน้าจอ

สล็อต

default

ระบบจะใส่องค์ประกอบที่กำหนดเองซึ่งเพิ่มลงใน Marker3DElement โดยตรง แต่จะใช้เฉพาะองค์ประกอบประเภท HTMLImageElement, SVGElement และ PinElement ในการวาดเครื่องหมาย ส่วนองค์ประกอบอื่นๆ จะถูกละเว้น
HTMLImageElement และ SVGElement ต้องอยู่ในองค์ประกอบ <template> ก่อนที่จะกำหนดให้กับช่องเริ่มต้นของ Marker3DElement

ปัจจุบันระบบจะแรสเตอร์รูปภาพและ SVG ก่อนที่จะแสดงผลในฉาก 3 มิติ ดังนั้น HTML ที่กำหนดเองซึ่งฝังอยู่ใน SVG หรือคลาส CSS ที่เพิ่มลงในรูปภาพจะไม่มีผลและอาจไม่แสดงเมื่อเครื่องหมายปรากฏบนหน้าจอ

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อใดก็ตามที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

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

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

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

พร็อพเพอร์ตี้
`altitudeMode optional`	ประเภท: `AltitudeMode optional` ดู`Marker3DElement.altitudeMode`
`collisionBehavior optional`	ประเภท: `CollisionBehavior optional` ดู`Marker3DElement.collisionBehavior`
`drawsWhenOccluded optional`	ประเภท: `boolean optional` ดู`Marker3DElement.drawsWhenOccluded`
`extruded optional`	ประเภท: `boolean optional` ดู`Marker3DElement.extruded`
`label optional`	ประเภท: `string optional` ดู`Marker3DElement.label`
`position optional`	ประเภท: `LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` ดู`Marker3DElement.position`
`sizePreserved optional`	ประเภท: `boolean optional` ดู`Marker3DElement.sizePreserved`
`zIndex optional`	ประเภท: `number optional` ดู`Marker3DElement.zIndex`

Marker3DInteractiveElement class

google.maps.maps3d.Marker3DInteractiveElement ชั้นเรียน

แสดงตำแหน่งบนแผนที่ 3 มิติ โปรดทราบว่าต้องตั้งค่า position เพื่อให้ Marker3DInteractiveElement แสดง Marker3DInteractiveElement จะได้รับgmp-clickเหตุการณ์ ซึ่งแตกต่างจาก Marker3DElement

องค์ประกอบที่กำหนดเอง:
<gmp-marker-3d-interactive gmp-popover-target="popover-id" title="string"></gmp-marker-3d-interactive>

ชั้นเรียนนี้ขยายเวลา Marker3DElement

คลาสนี้ใช้ Marker3DInteractiveElementOptions

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

ผู้ผลิต
`Marker3DInteractiveElement`	`Marker3DInteractiveElement([options])` พารามิเตอร์: `options`: `Marker3DInteractiveElementOptions optional` สร้าง `Marker3DInteractiveElement` โดยมีตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
`gmpPopoverTargetElement`	ประเภท: `PopoverElement optional` เมื่อตั้งค่าแล้ว องค์ประกอบป๊อปโอเวอร์จะเปิดขึ้นเมื่อคลิกเครื่องหมายนี้ แอตทริบิวต์ HTML: `<gmp-marker-3d-interactive gmp-popover-target="popover-id"></gmp-marker-3d-interactive>`
`title`	ประเภท: `string` ข้อความเมื่อวางเมาส์ หากระบุไว้ ระบบจะเพิ่มข้อความการช่วยเหลือพิเศษ (เช่น สำหรับใช้กับโปรแกรมอ่านหน้าจอ) ลงใน `Marker3DInteractiveElement` พร้อมค่าที่ระบุ แอตทริบิวต์ HTML: `<gmp-marker-3d-interactive title="string"></gmp-marker-3d-interactive>`
สืบทอด: `altitudeMode`, `collisionBehavior`, `drawsWhenOccluded`, `extruded`, `label`, `position`, `sizePreserved`, `zIndex`

สล็อต
`default`	ระบบจะจัดช่องสำหรับองค์ประกอบที่กำหนดเองซึ่งเพิ่มลงใน `Marker3DInteractiveElement` โดยตรง แต่จะใช้เฉพาะองค์ประกอบประเภท `PinElement` ในการวาดเครื่องหมาย ส่วนองค์ประกอบอื่นๆ จะไม่นำมาใช้

สล็อต

default

ระบบจะจัดช่องสำหรับองค์ประกอบที่กำหนดเองซึ่งเพิ่มลงใน Marker3DInteractiveElement โดยตรง แต่จะใช้เฉพาะองค์ประกอบประเภท PinElement ในการวาดเครื่องหมาย ส่วนองค์ประกอบอื่นๆ จะไม่นำมาใช้

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

กิจกรรม
`gmp-click`	`function(clickEvent)` อาร์กิวเมนต์: `clickEvent`: `LocationClickEvent` เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ `Marker3DInteractiveElement`

Marker3DInteractiveElementOptions interface

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

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

อินเทอร์เฟซนี้ขยาย Marker3DElementOptions

พร็อพเพอร์ตี้
`gmpPopoverTargetElement optional`	ประเภท: `PopoverElement optional` ดู`Marker3DInteractiveElement.gmpPopoverTargetElement`
`title optional`	ประเภท: `string optional` ดู`Marker3DInteractiveElement.title`
สืบทอด: `altitudeMode`, `collisionBehavior`, `drawsWhenOccluded`, `extruded`, `label`, `position`, `sizePreserved`, `zIndex`

Model3DElement class

google.maps.maps3d.Model3DElement ชั้นเรียน

โมเดล 3 มิติที่อนุญาตให้แสดงผลโมเดล gLTF โปรดทราบว่าต้องตั้งค่า position และ src เพื่อให้ Model3DElement แสดง

ควรมีการรองรับพร็อพเพอร์ตี้หลักของ gLTF PBR ขณะนี้ระบบยังไม่รองรับส่วนขยายหรือพร็อพเพอร์ตี้ส่วนขยาย

องค์ประกอบที่กำหนดเอง:
<gmp-model-3d altitude-mode="absolute" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"></gmp-model-3d>

ชั้นเรียนนี้ขยายเวลา HTMLElement

คลาสนี้ใช้ Model3DElementOptions

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

ผู้ผลิต
`Model3DElement`	`Model3DElement([options])` พารามิเตอร์: `options`: `Model3DElementOptions optional` สร้าง `Model3DElement` โดยมีตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
`altitudeMode`	ประเภท: `AltitudeMode optional` ค่าเริ่มต้น: `AltitudeMode.CLAMP_TO_GROUND` ระบุวิธีตีความระดับความสูงในตำแหน่ง แอตทริบิวต์ HTML: `<gmp-model-3d altitude-mode="absolute"></gmp-model-3d>` `<gmp-model-3d altitude-mode="clamp-to-ground"></gmp-model-3d>` `<gmp-model-3d altitude-mode="relative-to-ground"></gmp-model-3d>` `<gmp-model-3d altitude-mode="relative-to-mesh"></gmp-model-3d>`
`orientation`	ประเภท: `Orientation3D\|Orientation3DLiteral optional` อธิบายการหมุนระบบพิกัดของโมเดล 3 มิติเพื่อวางตำแหน่งโมเดลบนแผนที่ 3 มิติ การหมุนจะใช้กับโมเดลตามลำดับต่อไปนี้ การหมุน การเอียง และการมุ่งหน้า แอตทริบิวต์ HTML: `<gmp-model-3d orientation="heading,tilt,roll"></gmp-model-3d>`
`position`	ประเภท: `LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` ตั้งค่าตำแหน่งของ `Model3DElement` ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ แอตทริบิวต์ HTML: `<gmp-model-3d position="lat,lng"></gmp-model-3d>` `<gmp-model-3d position="lat,lng,altitude"></gmp-model-3d>`
`scale`	ประเภท: `number\|Vector3D\|Vector3DLiteral optional` ค่าเริ่มต้น: `1` ปรับขนาดโมเดลตามแกน x, y และ z ในพื้นที่พิกัดของโมเดล แอตทริบิวต์ HTML: `<gmp-model-3d scale="number"></gmp-model-3d>` `<gmp-model-3d scale="x,y,z"></gmp-model-3d>`
`src`	ประเภท: `string\|URL optional` ระบุ URL ของโมเดล 3 มิติ ปัจจุบันรองรับเฉพาะโมเดลในรูปแบบ `.glb` เท่านั้น ระบบจะเปลี่ยน URL HTTP สัมพัทธ์เป็น URL ที่สมบูรณ์ที่เกี่ยวข้อง โปรดทราบว่าหากคุณโฮสต์ไฟล์โมเดล `.glb` ในเว็บไซต์หรือเซิร์ฟเวอร์อื่นที่ไม่ใช่แอปพลิเคชันหลัก ให้ตรวจสอบว่าได้ตั้งค่าส่วนหัว HTTP ของ CORS อย่างถูกต้อง ซึ่งจะช่วยให้แอปพลิเคชันเข้าถึงไฟล์โมเดลจากโดเมนอื่นได้อย่างปลอดภัย แอตทริบิวต์ HTML: `<gmp-model-3d src="url"></gmp-model-3d>`

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

Model3DElementOptions interface

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

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

พร็อพเพอร์ตี้
`altitudeMode optional`	ประเภท: `AltitudeMode optional` ดู`Model3DElement.altitudeMode`
`orientation optional`	ประเภท: `Orientation3D\|Orientation3DLiteral optional` ดู`Model3DElement.orientation`
`position optional`	ประเภท: `LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` ดู`Model3DElement.position`
`scale optional`	ประเภท: `number\|Vector3D\|Vector3DLiteral optional` ดู`Model3DElement.scale`
`src optional`	ประเภท: `string\|URL optional` ดู`Model3DElement.src`

Model3DInteractiveElement class

google.maps.maps3d.Model3DInteractiveElement ชั้นเรียน

องค์ประกอบที่กำหนดเอง:
<gmp-model-3d-interactive></gmp-model-3d-interactive>

ชั้นเรียนนี้ขยายเวลา Model3DElement

คลาสนี้ใช้ Model3DInteractiveElementOptions

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

ผู้ผลิต
`Model3DInteractiveElement`	`Model3DInteractiveElement([options])` พารามิเตอร์: `options`: `Model3DElementOptions optional` สร้าง `Model3DInteractiveElement` ด้วยตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
สืบทอด: `altitudeMode`, `orientation`, `position`, `scale`, `src`

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

กิจกรรม
`gmp-click`	`function(clickEvent)` อาร์กิวเมนต์: `clickEvent`: `LocationClickEvent` เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ `Model3DInteractiveElement`

Model3DInteractiveElementOptions interface

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

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

อินเทอร์เฟซนี้ขยาย Model3DElementOptions

พร็อพเพอร์ตี้
สืบทอด: `altitudeMode`, `orientation`, `position`, `scale`, `src`

Polyline3DElement class

google.maps.maps3d.Polyline3DElement ชั้นเรียน

เส้นประกอบ 3 มิติคือการซ้อนทับเชิงเส้นของส่วนเส้นที่เชื่อมต่อกันบนแผนที่ 3 มิติ

องค์ประกอบที่กำหนดเอง:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polyline-3d>

ชั้นเรียนนี้ขยายเวลา HTMLElement

คลาสนี้ใช้ Polyline3DElementOptions

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

ผู้ผลิต
`Polyline3DElement`	`Polyline3DElement([options])` พารามิเตอร์: `options`: `Polyline3DElementOptions optional` สร้าง `Polyline3DElement` โดยมีตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
`altitudeMode`	ประเภท: `AltitudeMode optional` ค่าเริ่มต้น: `AltitudeMode.CLAMP_TO_GROUND` ระบุวิธีตีความคอมโพเนนต์ระดับความสูงในพิกัด แอตทริบิวต์ HTML: `<gmp-polyline-3d altitude-mode="absolute"></gmp-polyline-3d>` `<gmp-polyline-3d altitude-mode="clamp-to-ground"></gmp-polyline-3d>` `<gmp-polyline-3d altitude-mode="relative-to-ground"></gmp-polyline-3d>` `<gmp-polyline-3d altitude-mode="relative-to-mesh"></gmp-polyline-3d>`
`drawsOccludedSegments`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าจะวาดส่วนของเส้นหลายเส้นที่อาจถูกบดบังหรือไม่ รูปหลายเหลี่ยมอาจถูกเรขาคณิตของแผนที่ (เช่น อาคาร) บดบัง แอตทริบิวต์ HTML: `<gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>`
`extruded`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าจะเชื่อมต่อเส้นหลายเส้นกับพื้นหรือไม่ หากต้องการดึงเส้นประกอบ `altitudeMode` ต้องเป็น `RELATIVE_TO_GROUND` หรือ `ABSOLUTE` แอตทริบิวต์ HTML: `<gmp-polyline-3d extruded></gmp-polyline-3d>`
`geodesic`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` เมื่อ `true` ระบบจะตีความขอบของเส้นหลายเส้นเป็นเส้นโค้งตามพื้นผิวโลกและจะโค้งตามความโค้งของโลก เมื่อ `false` ขอบของเส้นหลายส่วนจะแสดงเป็นเส้นตรงในพื้นที่หน้าจอ แอตทริบิวต์ HTML: `<gmp-polyline-3d geodesic></gmp-polyline-3d>`
`outerColor`	ประเภท: `string optional` สีด้านนอก รองรับสี CSS3 ทั้งหมด แอตทริบิวต์ HTML: `<gmp-polyline-3d outer-color="string"></gmp-polyline-3d>`
`outerWidth`	ประเภท: `number optional` ความกว้างด้านนอกอยู่ระหว่าง `0.0` ถึง `1.0` ซึ่งเป็นเปอร์เซ็นต์ของ `strokeWidth` แอตทริบิวต์ HTML: `<gmp-polyline-3d outer-width="number"></gmp-polyline-3d>`
`path`	ประเภท: `Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral> optional` ลำดับพิกัดของ Polyline ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ แอตทริบิวต์ HTML: `<gmp-polyline-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polyline-3d>`
`strokeColor`	ประเภท: `string optional` สีเส้น รองรับสี CSS3 ทั้งหมด แอตทริบิวต์ HTML: `<gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>`
`strokeWidth`	ประเภท: `number optional` ความหนาของเส้นในหน่วยพิกเซล แอตทริบิวต์ HTML: `<gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>`
`zIndex`	ประเภท: `number optional` zIndex เมื่อเทียบกับรูปหลายเหลี่ยมอื่นๆ แอตทริบิวต์ HTML: `<gmp-polyline-3d z-index="number"></gmp-polyline-3d>`
`coordinates`	เลิกใช้งานแล้ว: ใช้ `path` แทน เราจะนำพร็อพเพอร์ตี้นี้ออกในรุ่นต่อๆ ไป ประเภท: `Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral> optional` ลำดับพิกัดของ Polyline ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

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

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

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

พร็อพเพอร์ตี้
`altitudeMode optional`	ประเภท: `AltitudeMode optional` ดู`Polyline3DElement.altitudeMode`
`coordinates optional`	ประเภท: `Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral> optional` ดู`Polyline3DElement.coordinates`
`drawsOccludedSegments optional`	ประเภท: `boolean optional` ดู`Polyline3DElement.drawsOccludedSegments`
`extruded optional`	ประเภท: `boolean optional` ดู`Polyline3DElement.extruded`
`geodesic optional`	ประเภท: `boolean optional` ดู`Polyline3DElement.geodesic`
`outerColor optional`	ประเภท: `string optional` ดู`Polyline3DElement.outerColor`
`outerWidth optional`	ประเภท: `number optional` ดู`Polyline3DElement.outerWidth`
`strokeColor optional`	ประเภท: `string optional` ดู`Polyline3DElement.strokeColor`
`strokeWidth optional`	ประเภท: `number optional` ดู`Polyline3DElement.strokeWidth`
`zIndex optional`	ประเภท: `number optional` ดู`Polyline3DElement.zIndex`

Polyline3DInteractiveElement class

google.maps.maps3d.Polyline3DInteractiveElement ชั้นเรียน

เส้นประกอบ 3 มิติคือการซ้อนทับเชิงเส้นของส่วนเส้นที่เชื่อมต่อกันบนแผนที่ 3 มิติ Polyline3DInteractiveElement จะได้รับgmp-clickเหตุการณ์ ซึ่งแตกต่างจาก Polyline3DElement

องค์ประกอบที่กำหนดเอง:
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>

ชั้นเรียนนี้ขยายเวลา Polyline3DElement

คลาสนี้ใช้ Polyline3DInteractiveElementOptions

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

ผู้ผลิต
`Polyline3DInteractiveElement`	`Polyline3DInteractiveElement([options])` พารามิเตอร์: `options`: `Polyline3DElementOptions optional` สร้าง `Polyline3DInteractiveElement` ด้วยตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
สืบทอด: `altitudeMode`, `drawsOccludedSegments`, `extruded`, `geodesic`, `outerColor`, `outerWidth`, `path`, `strokeColor`, `strokeWidth`, `zIndex`, `coordinates`

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

กิจกรรม
`gmp-click`	`function(clickEvent)` อาร์กิวเมนต์: `clickEvent`: `LocationClickEvent` ออบเจ็กต์เหตุการณ์จะมีตำแหน่งละติจูด ลองจิจูด และระดับความสูงของการคลิก เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ `Polyline3DInteractiveElement`

กิจกรรม

gmp-click

function(clickEvent)

อาร์กิวเมนต์:

clickEvent: LocationClickEvent ออบเจ็กต์เหตุการณ์จะมีตำแหน่งละติจูด ลองจิจูด และระดับความสูงของการคลิก

เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ Polyline3DInteractiveElement

Polyline3DInteractiveElementOptions interface

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

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

อินเทอร์เฟซนี้ขยาย Polyline3DElementOptions

พร็อพเพอร์ตี้
สืบทอด: `altitudeMode`, `coordinates`, `drawsOccludedSegments`, `extruded`, `geodesic`, `outerColor`, `outerWidth`, `strokeColor`, `strokeWidth`, `zIndex`

Polygon3DElement class

google.maps.maps3d.Polygon3DElement ชั้นเรียน

รูปหลายเหลี่ยม 3 มิติ (เช่น เส้นประกอบ 3 มิติ) จะกำหนดชุดพิกัดที่เชื่อมต่อกันในลำดับที่เรียง นอกจากนี้ รูปหลายเหลี่ยมยังสร้างลูปปิดและกำหนดพื้นที่ที่เติม

องค์ประกอบที่กำหนดเอง:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polygon-3d>

ชั้นเรียนนี้ขยายเวลา HTMLElement

คลาสนี้ใช้ Polygon3DElementOptions

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

ผู้ผลิต
`Polygon3DElement`	`Polygon3DElement([options])` พารามิเตอร์: `options`: `Polygon3DElementOptions optional` สร้าง `Polygon3DElement` โดยมีตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
`altitudeMode`	ประเภท: `AltitudeMode optional` ค่าเริ่มต้น: `AltitudeMode.CLAMP_TO_GROUND` ระบุวิธีตีความคอมโพเนนต์ระดับความสูงในพิกัด แอตทริบิวต์ HTML: `<gmp-polygon-3d altitude-mode="absolute"></gmp-polygon-3d>` `<gmp-polygon-3d altitude-mode="clamp-to-ground"></gmp-polygon-3d>` `<gmp-polygon-3d altitude-mode="relative-to-ground"></gmp-polygon-3d>` `<gmp-polygon-3d altitude-mode="relative-to-mesh"></gmp-polygon-3d>`
`drawsOccludedSegments`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าจะวาดส่วนของรูปหลายเหลี่ยมที่อาจถูกบดบังหรือไม่ รูปหลายเหลี่ยมอาจถูกเรขาคณิตของแผนที่ (เช่น อาคาร) บดบัง แอตทริบิวต์ HTML: `<gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>`
`extruded`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าจะเชื่อมต่อรูปหลายเหลี่ยมกับพื้นหรือไม่ หากต้องการดึงรูปหลายเหลี่ยม `altitudeMode` ต้องเป็น `RELATIVE_TO_GROUND` หรือ `ABSOLUTE` แอตทริบิวต์ HTML: `<gmp-polygon-3d extruded></gmp-polygon-3d>`
`fillColor`	ประเภท: `string optional` สีเติม รองรับสี CSS3 ทั้งหมด แอตทริบิวต์ HTML: `<gmp-polygon-3d fill-color="string"></gmp-polygon-3d>`
`geodesic`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` เมื่อ `true` ขอบของรูปหลายเหลี่ยมจะได้รับการตีความเป็นเส้นโค้งบนพื้นผิวโลกและจะโค้งตามความโค้งของโลก เมื่อ `false` ขอบของรูปหลายเหลี่ยมจะแสดงเป็นเส้นตรงในพื้นที่หน้าจอ แอตทริบิวต์ HTML: `<gmp-polygon-3d geodesic></gmp-polygon-3d>`
`innerPaths`	ประเภท: `Iterable<Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral>> optional` ลำดับของพิกัดที่กำหนดลูปปิด รูปหลายเหลี่ยมอาจประกอบด้วยเส้นทางอย่างน้อย 1 เส้นทาง ซึ่งจะสร้างช่องเจาะหลายช่องภายในรูปหลายเหลี่ยม ซึ่งแตกต่างจากเส้นหลายเส้น
`path`	ประเภท: `Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral> optional` ลำดับของพิกัดที่กำหนดลูปปิด ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ แอตทริบิวต์ HTML: `<gmp-polygon-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polygon-3d>`
`strokeColor`	ประเภท: `string optional` สีเส้น รองรับสี CSS3 ทั้งหมด แอตทริบิวต์ HTML: `<gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>`
`strokeWidth`	ประเภท: `number optional` ความหนาของเส้นในหน่วยพิกเซล แอตทริบิวต์ HTML: `<gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>`
`zIndex`	ประเภท: `number optional` zIndex เมื่อเทียบกับรูปหลายเหลี่ยมอื่นๆ แอตทริบิวต์ HTML: `<gmp-polygon-3d z-index="number"></gmp-polygon-3d>`
`outerCoordinates`	เลิกใช้งานแล้ว: ใช้ `path` แทน เราจะนำพร็อพเพอร์ตี้นี้ออกในรุ่นต่อๆ ไป ประเภท: `Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral> optional` ลำดับของพิกัดที่กำหนดลูปปิด ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ
`innerCoordinates`	เลิกใช้งานแล้ว: ใช้ `innerPaths` แทน เราจะนำพร็อพเพอร์ตี้นี้ออกในรุ่นต่อๆ ไป ประเภท: `Iterable<Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral>> optional` ลำดับของพิกัดที่กำหนดลูปปิด รูปหลายเหลี่ยมอาจประกอบด้วยเส้นทางอย่างน้อย 1 เส้นทาง ซึ่งจะสร้างช่องเจาะหลายช่องภายในรูปหลายเหลี่ยม ซึ่งแตกต่างจากเส้นหลายเส้น

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

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

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

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

พร็อพเพอร์ตี้
`altitudeMode optional`	ประเภท: `AltitudeMode optional` ดู`Polygon3DElement.altitudeMode`
`drawsOccludedSegments optional`	ประเภท: `boolean optional` ดู`Polygon3DElement.drawsOccludedSegments`
`extruded optional`	ประเภท: `boolean optional` ดู`Polygon3DElement.extruded`
`fillColor optional`	ประเภท: `string optional` ดู`Polygon3DElement.fillColor`
`geodesic optional`	ประเภท: `boolean optional` ดู`Polygon3DElement.geodesic`
`innerCoordinates optional`	ประเภท: `Iterable<Iterable<LatLngAltitude\|LatLngAltitudeLiteral>\|Iterable<LatLngLiteral>> optional` ดู`Polygon3DElement.innerCoordinates`
`outerCoordinates optional`	ประเภท: `Iterable<LatLngAltitude\|LatLngAltitudeLiteral\|LatLngLiteral> optional` ดู`Polygon3DElement.outerCoordinates`
`strokeColor optional`	ประเภท: `string optional` ดู`Polygon3DElement.strokeColor`
`strokeWidth optional`	ประเภท: `number optional` ดู`Polygon3DElement.strokeWidth`
`zIndex optional`	ประเภท: `number optional` ดู`Polygon3DElement.zIndex`

Polygon3DInteractiveElement class

google.maps.maps3d.Polygon3DInteractiveElement ชั้นเรียน

รูปหลายเหลี่ยม 3 มิติ (เช่น เส้นประกอบ 3 มิติ) จะกำหนดชุดพิกัดที่เชื่อมต่อกันในลำดับที่เรียง นอกจากนี้ รูปหลายเหลี่ยมยังสร้างลูปปิดและกำหนดพื้นที่ที่เติม Polygon3DInteractiveElement จะได้รับgmp-clickเหตุการณ์ ซึ่งแตกต่างจาก Polygon3DElement

องค์ประกอบที่กำหนดเอง:
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>

ชั้นเรียนนี้ขยายเวลา Polygon3DElement

คลาสนี้ใช้ Polygon3DInteractiveElementOptions

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

ผู้ผลิต
`Polygon3DInteractiveElement`	`Polygon3DInteractiveElement([options])` พารามิเตอร์: `options`: `Polygon3DElementOptions optional` สร้าง `Polygon3DInteractiveElement` ด้วยตัวเลือกที่ระบุ

พร็อพเพอร์ตี้
สืบทอด: `altitudeMode`, `drawsOccludedSegments`, `extruded`, `fillColor`, `geodesic`, `innerPaths`, `path`, `strokeColor`, `strokeWidth`, `zIndex`, `outerCoordinates`, `innerCoordinates`

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

กิจกรรม
`gmp-click`	`function(clickEvent)` อาร์กิวเมนต์: `clickEvent`: `LocationClickEvent` ออบเจ็กต์เหตุการณ์จะมีตำแหน่งละติจูด ลองจิจูด และระดับความสูงของการคลิก เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ `Polygon3DInteractiveElement`

กิจกรรม

gmp-click

function(clickEvent)

อาร์กิวเมนต์:

clickEvent: LocationClickEvent ออบเจ็กต์เหตุการณ์จะมีตำแหน่งละติจูด ลองจิจูด และระดับความสูงของการคลิก

เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ Polygon3DInteractiveElement

Polygon3DInteractiveElementOptions interface

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

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

อินเทอร์เฟซนี้ขยาย Polygon3DElementOptions

พร็อพเพอร์ตี้
สืบทอด: `altitudeMode`, `drawsOccludedSegments`, `extruded`, `fillColor`, `geodesic`, `innerCoordinates`, `outerCoordinates`, `strokeColor`, `strokeWidth`, `zIndex`

PopoverElement class

google.maps.maps3d.PopoverElement ชั้นเรียน

องค์ประกอบ HTML ที่กำหนดเองซึ่งแสดงป๊อปโอเวอร์ โดยมีลักษณะคล้ายฟองสบู่และมักเชื่อมต่อกับเครื่องหมาย

องค์ประกอบที่กำหนดเอง:
<gmp-popover altitude-mode="absolute" light-dismiss-disabled open position-anchor="lat,lng"></gmp-popover>

ชั้นเรียนนี้ขยายเวลา HTMLElement

คลาสนี้ใช้ PopoverElementOptions

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

ผู้ผลิต
`PopoverElement`	`PopoverElement([options])` พารามิเตอร์: `options`: `PopoverElementOptions optional`

พร็อพเพอร์ตี้
`altitudeMode`	ประเภท: `AltitudeMode optional` ค่าเริ่มต้น: `AltitudeMode.CLAMP_TO_GROUND` ระบุวิธีตีความคอมโพเนนต์ระดับความสูงของตำแหน่ง แอตทริบิวต์ HTML: `<gmp-popover altitude-mode="absolute"></gmp-popover>` `<gmp-popover altitude-mode="clamp-to-ground"></gmp-popover>` `<gmp-popover altitude-mode="relative-to-ground"></gmp-popover>` `<gmp-popover altitude-mode="relative-to-mesh"></gmp-popover>`
`lightDismissDisabled`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าควร "ปิดป๊อปอัปอย่างรวดเร็ว" หรือไม่ ลักษณะการทำงานของ "ปิดอย่างรวดเร็ว" จะคล้ายกับการตั้งค่าแอตทริบิวต์ `popover="auto"` ซึ่งเป็นส่วนหนึ่งของ Popover API ของเบราว์เซอร์ แอตทริบิวต์ HTML: `<gmp-popover light-dismiss-disabled></gmp-popover>`
`open`	ประเภท: `boolean optional` ค่าเริ่มต้น: `false` ระบุว่าควรเปิดป๊อปโอเวอร์นี้หรือไม่ แอตทริบิวต์ HTML: `<gmp-popover open></gmp-popover>`
`positionAnchor`	ประเภท: `LatLngLiteral\|LatLngAltitudeLiteral\|Marker3DInteractiveElement\|string optional` ตำแหน่งที่จะแสดงป๊อปโอเวอร์นี้ หากป๊อปโอเวอร์เชื่อมโยงกับเครื่องหมายแบบอินเทอร์แอกทีฟ ระบบจะใช้ตำแหน่งของเครื่องหมายแทน แอตทริบิวต์ HTML: `<gmp-popover position-anchor="lat,lng"></gmp-popover>` `<gmp-popover position-anchor="lat,lng,altitude"></gmp-popover>` `<gmp-popover position-anchor="marker-id"></gmp-popover>`

สล็อต
`default`	วางเนื้อหาที่ระบุไว้ในส่วนหลักของป๊อปโอเวอร์
`header`	วางเนื้อหาที่ระบุไว้ในส่วนส่วนหัวของป๊อปโอเวอร์

พร็อพเพอร์ตี้ CSS
`--gmp-popover-max-width`	ความกว้างสูงสุดของป๊อปโอเวอร์ ไม่ว่าความกว้างของเนื้อหาจะเป็นเท่าใดก็ตาม
`--gmp-popover-min-width`	ความกว้างขั้นต่ำของป๊อปโอเวอร์ ไม่ว่าความกว้างของเนื้อหาจะเป็นเท่าใดก็ตาม เมื่อใช้พร็อพเพอร์ตี้นี้ เราขอแนะนำเป็นอย่างยิ่งให้ตั้งค่าเป็นค่าที่น้อยกว่าความกว้างของแผนที่ (เป็นพิกเซล)
`--gmp-popover-pixel-offset-x`	ออฟเซ็ตบนแกน x เป็นพิกเซลของปลายป๊อปโอเวอร์จากจุดบนแผนที่ซึ่งป๊อปโอเวอร์ยึดตามพิกัดทางภูมิศาสตร์
`--gmp-popover-pixel-offset-y`	ออฟเซ็ตบนแกน y เป็นพิกเซลของปลายป๊อปโอเวอร์จากจุดบนแผนที่ซึ่งป๊อปโอเวอร์ยึดตามพิกัดทางภูมิศาสตร์
`color-scheme`	ระบุรูปแบบสีที่แสดงป๊อปโอเวอร์นี้ได้ ดูรายละเอียดเพิ่มเติมได้ใน`color-scheme` เอกสารประกอบ หากไม่ได้ระบุไว้ ระบบจะใช้ค่ากำหนดของรูปแบบสีของผู้ใช้เป็นค่าเริ่มต้น

เมธอด

addEventListener

addEventListener(type, listener[, options])

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

type: string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง
listener: EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent
options: boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive

ค่าที่ส่งคืน: void

removeEventListener

removeEventListener(type, listener[, options])

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

type: string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำเครื่องมือฟังเหตุการณ์ออก
listener: EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
options: boolean|EventListenerOptions optional ดูตัวเลือก

ค่าที่ส่งคืน: void

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

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

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

พร็อพเพอร์ตี้
`altitudeMode optional`	ประเภท: `AltitudeMode optional` ดู`PopoverElement.altitudeMode`
`lightDismissDisabled optional`	ประเภท: `boolean optional` ดู`PopoverElement.lightDismissDisabled`
`open optional`	ประเภท: `boolean optional` ดู`PopoverElement.open`
`positionAnchor optional`	ประเภท: `LatLngLiteral\|LatLngAltitudeLiteral\|string\|Marker3DInteractiveElement optional` ดู`PopoverElement.positionAnchor`

AltitudeMode ค่าคงที่

google.maps.maps3d.AltitudeMode ค่าคงที่

ระบุวิธีตีความคอมโพเนนต์ระดับความสูงในพิกัด

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

ค่าคงที่
`ABSOLUTE`	ช่วยให้แสดงวัตถุเทียบกับระดับน้ำทะเลเฉลี่ยได้ นอกจากนี้ยังหมายความว่าหากระดับรายละเอียดของภูมิประเทศเปลี่ยนไปใต้วัตถุ ตำแหน่งสัมบูรณ์ของวัตถุจะยังคงเหมือนเดิม
`CLAMP_TO_GROUND`	ช่วยให้แสดงวัตถุที่วางอยู่บนพื้นได้ โดยจะยังคงอยู่ที่ระดับพื้นดินตามภูมิประเทศไม่ว่าจะมีการระบุความสูงเท่าใดก็ตาม หากวางออบเจ็กต์เหนือแหล่งน้ำขนาดใหญ่ ระบบจะวางออบเจ็กต์ที่ระดับน้ำทะเล
`RELATIVE_TO_GROUND`	ช่วยให้แสดงวัตถุที่สัมพันธ์กับพื้นผิวได้ หากระดับรายละเอียดของภูมิประเทศเปลี่ยนแปลง ตำแหน่งของวัตถุจะยังคงที่เมื่อเทียบกับพื้นดิน เมื่ออยู่เหนือน้ำ ระบบจะตีความระดับความสูงเป็นค่าในหน่วยเมตรเหนือระดับน้ำทะเล
`RELATIVE_TO_MESH`	ช่วยให้แสดงวัตถุที่สัมพันธ์กับพื้นดิน + อาคาร + ผิวน้ำที่สูงที่สุดได้ เมื่ออยู่เหนือน้ำ พื้นผิวจะเป็นผิวน้ำ เมื่ออยู่เหนือภูมิประเทศ พื้นผิวจะเป็นพื้นผิวอาคาร (หากมี) หรือพื้นผิวพื้นดิน (หากไม่มีอาคาร)

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

Map3DElement class

ผู้ผลิต

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

เมธอด

กิจกรรม

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

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

MapMode ค่าคงที่

ค่าคงที่

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

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

FlyToAnimationOptions interface

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

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

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

SteadyChangeEvent class

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

LocationClickEvent class

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

PlaceClickEvent class

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

เมธอด

Marker3DElement class

ผู้ผลิต

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

สล็อต

เมธอด

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

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

Marker3DInteractiveElement class

ผู้ผลิต

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

สล็อต

เมธอด

กิจกรรม

Marker3DInteractiveElementOptions interface

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

Model3DElement class

ผู้ผลิต

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

เมธอด

Model3DElementOptions interface

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

Model3DInteractiveElement class

ผู้ผลิต

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

เมธอด

กิจกรรม

Model3DInteractiveElementOptions interface

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

Polyline3DElement class

ผู้ผลิต

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

เมธอด

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

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

Polyline3DInteractiveElement class

ผู้ผลิต

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

เมธอด

กิจกรรม

Polyline3DInteractiveElementOptions interface

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

Polygon3DElement class

ผู้ผลิต

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

เมธอด

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

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

Polygon3DInteractiveElement class

ผู้ผลิต

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

เมธอด

กิจกรรม

Polygon3DInteractiveElementOptions interface

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

PopoverElement class

ผู้ผลิต

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

3D Maps