3D Maps

Map3DElement class

google.maps.maps3d.Map3DElement class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

Map3DElement คืออินเทอร์เฟซ HTML สำหรับมุมมองแผนที่ 3 มิติ

องค์ประกอบที่กำหนดเอง:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" 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>
defaultLabelsDisabled	ประเภท:  boolean optional ค่าเริ่มต้น: false เมื่อเป็น true ระบบจะไม่แสดงผลป้ายกำกับแผนที่เริ่มต้น แอตทริบิวต์ HTML: <gmp-map-3d default-labels-disabled></gmp-map-3d>
heading	ประเภท:  number optional เข็มทิศของแผนที่เป็นองศา โดยทิศเหนือเป็น 0 เมื่อไม่มีการเอียง ระบบจะตีความการหมุนเป็นทิศทาง แอตทริบิวต์ HTML: <gmp-map-3d heading="number"></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>
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	หมายเหตุ: ใช้ได้เฉพาะในช่อง v=beta addEventListener(type, listener[, options]) พารามิเตอร์:  type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงถึงประเภทเหตุการณ์ที่จะรับฟัง listener:  EventListener|EventListenerObject ออบเจ็กต์ที่รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด handleEvent options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กําหนดเองรองรับเฉพาะ capture และ passive ผลลัพธ์:  void ตั้งค่าฟังก์ชันที่จะเรียกใช้ทุกครั้งที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
removeEventListener	หมายเหตุ: ใช้ได้เฉพาะในช่อง v=beta removeEventListener(type, listener[, options]) พารามิเตอร์:  type:  string สตริงที่ระบุประเภทเหตุการณ์ที่จะนำ Listener เหตุการณ์ออก listener:  EventListener|EventListenerObject Listener เหตุการณ์ของตัวแฮนเดิลเหตุการณ์ที่จะนําออกจากเป้าหมายเหตุการณ์ options:  boolean|EventListenerOptions optional ดูตัวเลือก ผลลัพธ์:  void นํา Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้ด้วย addEventListener ออกจากเป้าหมาย ดู removeEventListener

กิจกรรม
gmp-centerchange	function(centerChangeEvent) อาร์กิวเมนต์:  centerChangeEvent:  CenterChangeEvent ระบบจะเรียกเหตุการณ์นี้เมื่อพร็อพเพอร์ตี้ศูนย์ของ Map3DElement เปลี่ยนแปลง
gmp-click	function(clickEvent) อาร์กิวเมนต์:  clickEvent:  ClickEvent เหตุการณ์นี้จะเริ่มต้นเมื่อมีการคลิกองค์ประกอบ Map3DElement
gmp-headingchange	function(headingChangeEvent) อาร์กิวเมนต์:  headingChangeEvent:  HeadingChangeEvent เหตุการณ์นี้จะทํางานเมื่อพร็อพเพอร์ตี้ Heading ของ Map3DElement เปลี่ยนแปลง
gmp-rangechange	function(rangeChangeEvent) อาร์กิวเมนต์:  rangeChangeEvent:  RangeChangeEvent เหตุการณ์นี้จะทริกเกอร์เมื่อพร็อพเพอร์ตี้ช่วงของ Map3DElement เปลี่ยนแปลง
gmp-rollchange	function(rollChangeEvent) อาร์กิวเมนต์:  rollChangeEvent:  RollChangeEvent เหตุการณ์นี้จะทํางานเมื่อพร็อพเพอร์ตี้ Roll ของ Map3DElement เปลี่ยนแปลง
gmp-steadychange	function(steadyChangeEvent) อาร์กิวเมนต์:  steadyChangeEvent:  SteadyChangeEvent เหตุการณ์นี้จะทํางานเมื่อสถานะคงที่ของ Map3DElement เปลี่ยนแปลง
gmp-tiltchange	function(tiltChangeEvent) อาร์กิวเมนต์:  tiltChangeEvent:  TiltChangeEvent เหตุการณ์นี้จะทริกเกอร์เมื่อพร็อพเพอร์ตี้การเอียงของ Map3DElement เปลี่ยนแปลง

Map3DElementOptions interface

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

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

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

พร็อพเพอร์ตี้
bounds optional	ประเภท:  LatLngBounds|LatLngBoundsLiteral optional ดูMap3DElement.bounds
center optional	ประเภท:  LatLngAltitude|LatLngAltitudeLiteral optional ดูMap3DElement.center
defaultLabelsDisabled optional	ประเภท:  boolean optional ดูMap3DElement.defaultLabelsDisabled
heading optional	ประเภท:  number optional ดูMap3DElement.heading
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
range optional	ประเภท:  number optional ดูMap3DElement.range
roll optional	ประเภท:  number optional ดูMap3DElement.roll
tilt optional	ประเภท:  number optional ดูMap3DElement.tilt

SteadyChangeEvent class

google.maps.maps3d.SteadyChangeEvent class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

เหตุการณ์นี้สร้างขึ้นจากการเฝ้าติดตามสถานะคงที่ของ Map3DElement เหตุการณ์นี้จะส่งผ่านไปยัง DOM Tree

คลาสนี้ขยายจาก Event

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

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

ClickEvent class

google.maps.maps3d.ClickEvent class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

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

คลาสนี้ขยายจาก Event

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

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

CenterChangeEvent class

google.maps.maps3d.CenterChangeEvent class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

เหตุการณ์นี้สร้างขึ้นจากการเปลี่ยนแปลงศูนย์ตรวจสอบเมื่อวันที่ Map3DElement เหตุการณ์นี้จะส่งผ่านไปยัง DOM Tree

คลาสนี้ขยายจาก Event

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

HeadingChangeEvent class

google.maps.maps3d.HeadingChangeEvent class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

เหตุการณ์นี้สร้างขึ้นจากการติดตามการเปลี่ยนแปลงส่วนหัวเมื่อวันที่ Map3DElement เหตุการณ์นี้จะส่งผ่านไปยัง DOM Tree

คลาสนี้ขยายจาก Event

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

RangeChangeEvent class

google.maps.maps3d.RangeChangeEvent class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

เหตุการณ์นี้สร้างขึ้นจากการเปลี่ยนแปลงช่วงการตรวจสอบในวันที่ Map3DElement เหตุการณ์นี้จะส่งผ่านไปยัง DOM Tree

คลาสนี้ขยายจาก Event

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

RollChangeEvent class

google.maps.maps3d.RollChangeEvent class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

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

คลาสนี้ขยายจาก Event

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

TiltChangeEvent class

google.maps.maps3d.TiltChangeEvent class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

เหตุการณ์นี้สร้างขึ้นจากการเฝ้าติดตามการเปลี่ยนแปลงความลาดเอียงในวันที่ Map3DElement เหตุการณ์นี้จะส่งผ่านไปยัง DOM Tree

คลาสนี้ขยายจาก Event

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

Polyline3DElement class

google.maps.maps3d.Polyline3DElement class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

โพลีไลน์ 3 มิติคือการวางซ้อนเชิงเส้นของส่วนของเส้นที่เชื่อมต่อกันบนแผนที่ 3 มิติ

องค์ประกอบที่กำหนดเอง:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-opacity="number" outer-width="number" stroke-color="string" stroke-opacity="number" 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

พร็อพเพอร์ตี้
altitudeMode	ประเภท:  AltitudeMode optional ค่าเริ่มต้น: AltitudeMode.ABSOLUTE ระบุวิธีตีความองค์ประกอบระดับความสูงในพิกัด แอตทริบิวต์ 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>
coordinates	ประเภท:  Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional ลำดับพิกัดของเส้นประกอบ ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ
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>
outerOpacity	ประเภท:  number optional ความทึบของขอบด้านนอกระหว่าง 0.0 ถึง 1.0 แอตทริบิวต์ HTML: <gmp-polyline-3d outer-opacity="number"></gmp-polyline-3d>
outerWidth	ประเภท:  number optional ความกว้างด้านนอกอยู่ระหว่าง 0.0 ถึง 1.0 ตัวเลขนี้เป็นเปอร์เซ็นต์ของ strokeWidth แอตทริบิวต์ HTML: <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
strokeColor	ประเภท:  string optional สีเส้น รองรับสี CSS3 ทั้งหมด แอตทริบิวต์ HTML: <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeOpacity	ประเภท:  number optional ความทึบของเส้นระหว่าง 0.0 ถึง 1.0 แอตทริบิวต์ HTML: <gmp-polyline-3d stroke-opacity="number"></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>

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

Polyline3DElementOptions interface

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

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

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

พร็อพเพอร์ตี้
altitudeMode optional	ประเภท:  AltitudeMode optional ค่าเริ่มต้น: AltitudeMode.ABSOLUTE ดูPolyline3DElement.altitudeMode
coordinates optional	ประเภท:  Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional ดูPolyline3DElement.coordinates
drawsOccludedSegments optional	ประเภท:  boolean optional ค่าเริ่มต้น: false ดูPolyline3DElement.drawsOccludedSegments
extruded optional	ประเภท:  boolean optional ค่าเริ่มต้น: false ดูPolyline3DElement.extruded
geodesic optional	ประเภท:  boolean optional ค่าเริ่มต้น: false ดูPolyline3DElement.geodesic
outerColor optional	ประเภท:  string optional ดูPolyline3DElement.outerColor
outerOpacity optional	ประเภท:  number optional ดูPolyline3DElement.outerOpacity
outerWidth optional	ประเภท:  number optional ดูPolyline3DElement.outerWidth
strokeColor optional	ประเภท:  string optional ดูPolyline3DElement.strokeColor
strokeOpacity optional	ประเภท:  number optional ดูPolyline3DElement.strokeOpacity
strokeWidth optional	ประเภท:  number optional ดูPolyline3DElement.strokeWidth
zIndex optional	ประเภท:  number optional ดูPolyline3DElement.zIndex

Polygon3DElement class

google.maps.maps3d.Polygon3DElement class

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

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

องค์ประกอบที่กำหนดเอง:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" fill-opacity="number" geodesic stroke-color="string" stroke-opacity="number" 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

พร็อพเพอร์ตี้
altitudeMode	ประเภท:  AltitudeMode optional ค่าเริ่มต้น: AltitudeMode.ABSOLUTE ระบุวิธีตีความองค์ประกอบระดับความสูงในพิกัด แอตทริบิวต์ 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>
fillOpacity	ประเภท:  number optional ความโปร่งแสงของสีเติมระหว่าง 0.0 ถึง 1.0 แอตทริบิวต์ HTML: <gmp-polygon-3d fill-opacity="number"></gmp-polygon-3d>
geodesic	ประเภท:  boolean optional ค่าเริ่มต้น: false เมื่อเป็น true ระบบจะตีความขอบของรูปหลายเหลี่ยมเป็นทรงลูกโลกและจะเป็นไปตามความโค้งของพื้นผิวโลก เมื่อ false ระบบจะแสดงผลขอบของรูปหลายเหลี่ยมเป็นเส้นตรงในพื้นที่หน้าจอ แอตทริบิวต์ HTML: <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerCoordinates	ประเภท:  Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional ลำดับพิกัดตามลําดับที่กําหนดเป็นลูปปิด รูปหลายเหลี่ยมอาจประกอบด้วยเส้นทางอย่างน้อย 1 เส้น ซึ่งจะสร้างส่วนที่ตัดออกหลายส่วนภายในรูปหลายเหลี่ยม ซึ่งแตกต่างจากเส้นประกอบ
outerCoordinates	ประเภท:  Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional ลำดับพิกัดตามลําดับที่กําหนดเป็นลูปปิด ระบบจะไม่สนใจระดับความสูงในบางโหมด จึงไม่จำเป็นต้องระบุ
strokeColor	ประเภท:  string optional สีเส้น รองรับสี CSS3 ทั้งหมด แอตทริบิวต์ HTML: <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeOpacity	ประเภท:  number optional ความทึบของเส้นระหว่าง 0.0 ถึง 1.0 แอตทริบิวต์ HTML: <gmp-polygon-3d stroke-opacity="number"></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>

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

Polygon3DElementOptions interface

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

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

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

พร็อพเพอร์ตี้
altitudeMode optional	ประเภท:  AltitudeMode optional ค่าเริ่มต้น: AltitudeMode.ABSOLUTE ดูPolygon3DElement.altitudeMode
drawsOccludedSegments optional	ประเภท:  boolean optional ค่าเริ่มต้น: false ดูPolygon3DElement.drawsOccludedSegments
extruded optional	ประเภท:  boolean optional ค่าเริ่มต้น: false ดูPolygon3DElement.extruded
fillColor optional	ประเภท:  string optional ดูPolygon3DElement.fillColor
fillOpacity optional	ประเภท:  number optional ดูPolygon3DElement.fillOpacity
geodesic optional	ประเภท:  boolean optional ค่าเริ่มต้น: false ดู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
strokeOpacity optional	ประเภท:  number optional ดูPolygon3DElement.strokeOpacity
strokeWidth optional	ประเภท:  number optional ดูPolygon3DElement.strokeWidth
zIndex optional	ประเภท:  number optional ดูPolygon3DElement.zIndex

AltitudeMode constants

google.maps.maps3d.AltitudeMode constants

หมายเหตุ: ใช้ได้เฉพาะในช่อง v=alpha

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

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

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