Draw on the map

คลาส Marker3DElement

ชั้นเรียน 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])
พารามิเตอร์ 
สร้าง 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 ที่เพิ่มลงในรูปภาพจะไม่มีผลและอาจไม่แสดงเมื่อเครื่องหมายปรากฏบนหน้าจอ
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 เหตุการณ์ออก
  • 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])
พารามิเตอร์ 
สร้าง 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 เท่านั้นในการวาดเครื่องหมาย และจะไม่สนใจองค์ประกอบอื่นๆ
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 เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener
gmp-click
function(clickEvent)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ 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

ชั้นเรียน 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])
พารามิเตอร์ 
สร้าง 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 เท่านั้น

ระบบจะแปลง HTTP URL สัมพัทธ์เป็น 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
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

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

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

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

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

Model3DInteractiveElement จะได้รับเหตุการณ์ gmp-click ซึ่งต่างจาก Model3DElement

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

คลาสนี้ขยาย Model3DElement

คลาสนี้ใช้ Model3DInteractiveElementOptions

เข้าถึงโดยโทรไปที่ const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d")
ดูไลบรารีใน Maps JavaScript API
Model3DInteractiveElement
Model3DInteractiveElement([options])
พารามิเตอร์ 
สร้าง Model3DInteractiveElement พร้อมตัวเลือกที่ระบุ
สืบทอด: altitudeMode, orientation, position, scale, src
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 เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener
gmp-click
function(clickEvent)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ Model3DInteractiveElement

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

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

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

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

สืบทอด: altitudeMode, orientation, position, scale, src

คลาส Polyline3DElement

ชั้นเรียน 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])
พารามิเตอร์ 
สร้าง 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
ลำดับพิกัดของเส้นประกอบที่เรียงตามลำดับ ระบบจะไม่สนใจระดับความสูงในบางโหมด ดังนั้นจึงไม่บังคับ
แอตทริบิวต์ 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
ลำดับพิกัดของเส้นประกอบที่เรียงตามลำดับ ระบบจะไม่สนใจระดับความสูงในบางโหมด ดังนั้นจึงไม่บังคับ
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 เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

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

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

ออบเจ็กต์ Polyline3DElementOptions ที่ใช้กำหนดพร็อพเพอร์ตี้ที่ตั้งค่าได้ใน Polyline3DElement
altitudeMode optional
ประเภท:  AltitudeMode optional
ดูPolyline3DElement.altitudeMode
coordinates 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

ชั้นเรียน 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])
พารามิเตอร์ 
สร้าง 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
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener
gmp-click
function(clickEvent)
อาร์กิวเมนต์ 
  • clickEvent:  LocationClickEvent ออบเจ็กต์เหตุการณ์จะมีตำแหน่งละติจูด-ลองจิจูด-ระดับความสูงของการคลิก
เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ Polyline3DInteractiveElement

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

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

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

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

สืบทอด: altitudeMode, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, strokeColor, strokeWidth, zIndex

คลาส Polygon3DElement

ชั้นเรียน 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])
พารามิเตอร์ 
สร้าง 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
ลำดับพิกัดที่เรียงตามลำดับซึ่งกำหนดลูปปิด รูปหลายเหลี่ยมอาจประกอบด้วยเส้นทางอย่างน้อย 1 เส้นทางซึ่งสร้างส่วนที่ตัดออกหลายส่วนภายในรูปหลายเหลี่ยม ซึ่งแตกต่างจากเส้นประกอบ
path
ลำดับพิกัดที่เรียงตามลำดับซึ่งกำหนดลูปปิด ระบบจะไม่สนใจระดับความสูงในบางโหมด ดังนั้นจึงไม่บังคับ
แอตทริบิวต์ 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
ลำดับพิกัดที่เรียงตามลำดับซึ่งกำหนดลูปปิด ระบบจะไม่สนใจระดับความสูงในบางโหมด ดังนั้นจึงไม่บังคับ
innerCoordinates
ลำดับพิกัดที่เรียงตามลำดับซึ่งกำหนดลูปปิด รูปหลายเหลี่ยมอาจประกอบด้วยเส้นทางอย่างน้อย 1 เส้นทางซึ่งสร้างส่วนที่ตัดออกหลายส่วนภายในรูปหลายเหลี่ยม ซึ่งแตกต่างจากเส้นประกอบ
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 เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

อินเทอร์เฟซ 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
ดูPolygon3DElement.innerCoordinates
outerCoordinates optional
ดูPolygon3DElement.outerCoordinates
strokeColor optional
ประเภท:  string optional
ดูPolygon3DElement.strokeColor
strokeWidth optional
ประเภท:  number optional
ดูPolygon3DElement.strokeWidth
zIndex optional
ประเภท:  number optional
ดูPolygon3DElement.zIndex

คลาส Polygon3DInteractiveElement

ชั้นเรียน 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])
พารามิเตอร์ 
สร้าง 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
ตั้งค่าฟังก์ชันที่จะเรียกใช้เมื่อมีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์ 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener
gmp-click
function(clickEvent)
อาร์กิวเมนต์ 
  • clickEvent:  LocationClickEvent ออบเจ็กต์เหตุการณ์จะมีตำแหน่งละติจูด-ลองจิจูด-ระดับความสูงของการคลิก
เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกองค์ประกอบ Polygon3DInteractiveElement

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

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

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

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

สืบทอด: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, outerCoordinates, strokeColor, strokeWidth, zIndex

คลาส PopoverElement

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

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

องค์ประกอบที่กำหนดเอง:
<gmp-popover altitude-mode="absolute" auto-pan-disabled 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])
พารามิเตอร์ 
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>
autoPanDisabled
ประเภท:  boolean optional
ค่าเริ่มต้น: false
หากตั้งค่าเป็น "จริง" ระบบจะปิดใช้การเลื่อนแผนที่เพื่อให้ป๊อปโอเวอร์ปรากฏอย่างสมบูรณ์เมื่อเปิดขึ้น
แอตทริบิวต์ HTML:
  • <gmp-popover auto-pan-disabled></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
วางเนื้อหาที่กำหนดช่องไว้ในส่วนส่วนหัวของป๊อปโอเวอร์
--gmp-popover-max-width
ความกว้างสูงสุดของป๊อปโอเวอร์ โดยไม่คำนึงถึงความกว้างของเนื้อหา
--gmp-popover-min-width
ความกว้างขั้นต่ำของป๊อปโอเวอร์ โดยไม่คำนึงถึงความกว้างของเนื้อหา เมื่อใช้พร็อพเพอร์ตี้นี้ เราขอแนะนำอย่างยิ่งให้ตั้งค่าเป็นค่าที่น้อยกว่าความกว้างของแผนที่ (เป็นพิกเซล)
--gmp-popover-pixel-offset-x
ออฟเซ็ตบนแกน X (หน่วยเป็นพิกเซล) ของปลายป๊อปโอเวอร์จากจุดบนแผนที่ซึ่งมีพิกัดทางภูมิศาสตร์ที่ป๊อปโอเวอร์ยึดอยู่
--gmp-popover-pixel-offset-y
ออฟเซ็ตบนแกน Y (หน่วยเป็นพิกเซล) ของปลายป๊อปโอเวอร์จากจุดบนแผนที่ซึ่งมีพิกัดทางภูมิศาสตร์ที่ป๊อปโอเวอร์ยึดอยู่
background-color
สีพื้นหลังของป๊อปโอเวอร์ ดูรายละเอียดเพิ่มเติมได้ที่เอกสารประกอบของ background-color โปรดทราบว่าป๊อปโอเวอร์สถานที่เริ่มต้นจะได้รับผลกระทบจากพร็อพเพอร์ตี้นี้ด้วย ใช้คลาส CSS ที่กำหนดเป้าหมายหรือสไตล์ในบรรทัดในป๊อปโอเวอร์ที่กำหนดเองเพื่อหลีกเลี่ยงการจัดสไตล์ป๊อปโอเวอร์สถานที่เริ่มต้น
border-radius
รัศมีเส้นขอบของป๊อปโอเวอร์ ดูรายละเอียดเพิ่มเติมได้ที่เอกสารประกอบของ border-radius โปรดทราบว่าป๊อปโอเวอร์สถานที่เริ่มต้นจะได้รับผลกระทบจากพร็อพเพอร์ตี้นี้ด้วย ใช้คลาส CSS ที่กำหนดเป้าหมายหรือสไตล์ในบรรทัดในป๊อปโอเวอร์ที่กำหนดเองเพื่อหลีกเลี่ยงการจัดสไตล์ป๊อปโอเวอร์สถานที่เริ่มต้น
box-shadow
เงากล่องของป๊อปโอเวอร์ ดูรายละเอียดเพิ่มเติมได้ที่เอกสารประกอบของ box-shadow โปรดทราบว่าป๊อปโอเวอร์สถานที่เริ่มต้นจะได้รับผลกระทบจากพร็อพเพอร์ตี้นี้ด้วย ใช้คลาส CSS ที่กำหนดเป้าหมายหรือสไตล์ในบรรทัดในป๊อปโอเวอร์ที่กำหนดเองเพื่อหลีกเลี่ยงการจัดสไตล์ป๊อปโอเวอร์สถานที่เริ่มต้น
color-scheme
ระบุรูปแบบสีที่สามารถแสดงป๊อปโอเวอร์นี้ได้ ดูรายละเอียดเพิ่มเติมได้ที่เอกสารประกอบของ color-scheme หากไม่ได้ระบุไว้ ระบบจะใช้ค่าเริ่มต้นเป็นค่ากำหนดรูปแบบสีของผู้ใช้
padding
ระยะห่างจากขอบของป๊อปโอเวอร์ ดูรายละเอียดเพิ่มเติมได้ที่เอกสารประกอบของ padding โปรดทราบว่าป๊อปโอเวอร์สถานที่เริ่มต้นจะได้รับผลกระทบจากพร็อพเพอร์ตี้นี้ด้วย ใช้คลาส 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 เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
ค่าที่แสดงผล:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

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

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

ออบเจ็กต์ PopoverElementOptions ที่ใช้กำหนดพร็อพเพอร์ตี้ที่ตั้งค่าได้ใน PopoverElement
altitudeMode optional
ประเภท:  AltitudeMode optional
ดูPopoverElement.altitudeMode
autoPanDisabled optional
ประเภท:  boolean optional
ดูPopoverElement.autoPanDisabled
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 ช่วยให้แสดงวัตถุที่สัมพันธ์กับพื้นดิน+อาคาร+ผิวน้ำที่สูงที่สุด เมื่ออยู่เหนือน้ำ ข้อมูลนี้จะเป็นพื้นผิวน้ำ เมื่ออยู่เหนือภูมิประเทศ ข้อมูลนี้จะเป็นพื้นผิวอาคาร (หากมี) หรือพื้นผิวพื้นดิน (หากไม่มีอาคาร)