Draw on the map

Class Marker3DElement

Class google.maps.maps3d.Marker3DElement

Menampilkan posisi di peta 3D. Perhatikan bahwa position harus ditetapkan agar Marker3DElement ditampilkan.

Elemen kustom:
<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>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan Marker3DElementOptions.

Akses dengan memanggil const {Marker3DElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Marker3DElement
Marker3DElement([options])
Parameter: 
Membuat Marker3DElement dengan opsi yang ditentukan.
altitudeMode
Jenis:  AltitudeMode optional
Default: AltitudeMode.CLAMP_TO_GROUND
Menentukan cara komponen ketinggian posisi ditafsirkan.
Atribut 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
Jenis:  CollisionBehavior optional
Default: CollisionBehavior.REQUIRED
Enumerasi yang menentukan perilaku Marker3DElement saat tumpang-tindih dengan Marker3DElement lain atau dengan label peta dasar.
Atribut 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
Jenis:  boolean optional
Default: false
Menentukan apakah penanda ini harus digambar atau tidak saat terhalang. Penanda dapat terhalang oleh geometri peta (misalnya, bangunan).
Atribut HTML:
  • <gmp-marker-3d draws-when-occluded></gmp-marker-3d>
extruded
Jenis:  boolean optional
Default: false
Menentukan apakah akan menghubungkan penanda ke permukaan tanah. Untuk mengekstrusi penanda, altitudeMode harus berupa RELATIVE_TO_GROUND atau ABSOLUTE.
Atribut HTML:
  • <gmp-marker-3d extruded></gmp-marker-3d>
label
Jenis:  string optional
Teks yang akan ditampilkan oleh penanda ini.
Atribut HTML:
  • <gmp-marker-3d label="string"></gmp-marker-3d>
position
Lokasi ujung penanda. Ketinggian diabaikan dalam mode tertentu, sehingga bersifat opsional.
Atribut HTML:
  • <gmp-marker-3d position="lat,lng"></gmp-marker-3d>
  • <gmp-marker-3d position="lat,lng,altitude"></gmp-marker-3d>
sizePreserved
Jenis:  boolean optional
Default: false
Menentukan apakah penanda ini harus mempertahankan ukurannya atau tidak, terlepas dari jaraknya dari kamera. Secara default, penanda diskalakan berdasarkan jarak dari kamera/kemiringan.
Atribut HTML:
  • <gmp-marker-3d size-preserved></gmp-marker-3d>
zIndex
Jenis:  number optional
zIndex dibandingkan dengan penanda lainnya.
Atribut HTML:
  • <gmp-marker-3d z-index="number"></gmp-marker-3d>
default
Setiap elemen kustom yang langsung ditambahkan ke Marker3DElement akan ditempatkan, tetapi hanya elemen jenis HTMLImageElement, SVGElement, dan PinElement yang akan digunakan untuk menggambar penanda, elemen lainnya akan diabaikan.
HTMLImageElement dan SVGElement harus digabungkan dalam elemen <template> sebelum ditetapkan ke slot default Marker3DElement.

Gambar dan SVG saat ini diraster sebelum dirender dalam tampilan 3D, sehingga HTML kustom yang disematkan ke dalam SVG atau class CSS yang ditambahkan ke gambar tidak akan diterapkan dan mungkin tidak akan terlihat saat penanda ditampilkan di layar.
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

Antarmuka Marker3DElementOptions

Antarmuka google.maps.maps3d.Marker3DElementOptions

Objek Marker3DElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Marker3DElement.
altitudeMode optional
Jenis:  AltitudeMode optional
Lihat Marker3DElement.altitudeMode.
collisionBehavior optional
Jenis:  CollisionBehavior optional
Lihat Marker3DElement.collisionBehavior.
drawsWhenOccluded optional
Jenis:  boolean optional
Lihat Marker3DElement.drawsWhenOccluded.
extruded optional
Jenis:  boolean optional
Lihat Marker3DElement.extruded.
label optional
Jenis:  string optional
Lihat Marker3DElement.label.
position optional
Lihat Marker3DElement.position.
sizePreserved optional
Jenis:  boolean optional
Lihat Marker3DElement.sizePreserved.
zIndex optional
Jenis:  number optional
Lihat Marker3DElement.zIndex.

Class Marker3DInteractiveElement

Class google.maps.maps3d.Marker3DInteractiveElement

Menampilkan posisi di peta 3D. Perhatikan bahwa position harus ditetapkan agar Marker3DInteractiveElement ditampilkan. Tidak seperti Marker3DElement, Marker3DInteractiveElement menerima peristiwa gmp-click.

Elemen kustom:
<gmp-marker-3d-interactive gmp-popover-target="popover-id" title="string"></gmp-marker-3d-interactive>

Class ini memperluas Marker3DElement.

Class ini mengimplementasikan Marker3DInteractiveElementOptions.

Akses dengan memanggil const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Marker3DInteractiveElement
Marker3DInteractiveElement([options])
Parameter: 
Membuat Marker3DInteractiveElement dengan opsi yang ditentukan.
gmpPopoverTargetElement
Jenis:  PopoverElement optional
Jika ditetapkan, elemen popover akan terbuka saat penanda ini diklik.
Atribut HTML:
  • <gmp-marker-3d-interactive gmp-popover-target="popover-id"></gmp-marker-3d-interactive>
title
Jenis:  string
Teks rollover. Jika disediakan, teks aksesibilitas (misalnya, untuk digunakan dengan pembaca layar) akan ditambahkan ke Marker3DInteractiveElement dengan nilai yang diberikan.
Atribut HTML:
  • <gmp-marker-3d-interactive title="string"></gmp-marker-3d-interactive>
Diwarisi: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex
default
Setiap elemen kustom yang ditambahkan langsung ke Marker3DInteractiveElement akan ditempatkan, tetapi hanya elemen jenis PinElement yang akan digunakan untuk menggambar penanda, elemen lainnya akan diabaikan.
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-click
function(clickEvent)
Argumen: 
Peristiwa ini diaktifkan saat elemen Marker3DInteractiveElement diklik.

Antarmuka Marker3DInteractiveElementOptions

Antarmuka google.maps.maps3d.Marker3DInteractiveElementOptions

Objek Marker3DInteractiveElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Marker3DInteractiveElement.

Antarmuka ini memperluas Marker3DElementOptions.

gmpPopoverTargetElement optional
Jenis:  PopoverElement optional
Lihat Marker3DInteractiveElement.gmpPopoverTargetElement.
title optional
Jenis:  string optional
Lihat Marker3DInteractiveElement.title.
Diwarisi: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Class Model3DElement

Class google.maps.maps3d.Model3DElement

Model 3D yang memungkinkan rendering model gLTF. Perhatikan bahwa position dan src harus ditetapkan agar Model3DElement ditampilkan.

Properti inti gLTF PBR harus didukung. Saat ini, tidak ada ekstensi atau properti ekstensi yang didukung.

Elemen kustom:
<gmp-model-3d altitude-mode="absolute" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"></gmp-model-3d>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan Model3DElementOptions.

Akses dengan memanggil const {Model3DElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Model3DElement
Model3DElement([options])
Parameter: 
Membuat Model3DElement dengan opsi yang ditentukan.
altitudeMode
Jenis:  AltitudeMode optional
Default: AltitudeMode.CLAMP_TO_GROUND
Menentukan cara penafsiran ketinggian dalam posisi.
Atribut 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
Menjelaskan rotasi sistem koordinat model 3D untuk memosisikan model di Peta 3D.

Rotasi diterapkan ke model dalam urutan berikut: roll, tilt, lalu heading.
Atribut HTML:
  • <gmp-model-3d orientation="heading,tilt,roll"></gmp-model-3d>
position
Menetapkan posisi Model3DElement. Ketinggian diabaikan dalam mode tertentu, sehingga bersifat opsional.
Atribut HTML:
  • <gmp-model-3d position="lat,lng"></gmp-model-3d>
  • <gmp-model-3d position="lat,lng,altitude"></gmp-model-3d>
scale
Jenis:  number|Vector3D|Vector3DLiteral optional
Default: 1
Menskalakan model di sepanjang sumbu x, y, dan z dalam ruang koordinat model.
Atribut HTML:
  • <gmp-model-3d scale="number"></gmp-model-3d>
  • <gmp-model-3d scale="x,y,z"></gmp-model-3d>
src
Jenis:  string|URL optional
Menentukan URL model 3D. Saat ini, hanya model dalam format .glb yang didukung.

URL HTTP relatif apa pun akan di-resolve ke URL absolut yang sesuai.

Perhatikan bahwa jika Anda menghosting file model .glb di situs atau server yang berbeda dari aplikasi utama, pastikan untuk menyiapkan header HTTP CORS yang benar. Hal ini memungkinkan aplikasi Anda mengakses file model dari domain lain dengan aman.
Atribut HTML:
  • <gmp-model-3d src="url"></gmp-model-3d>
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

Antarmuka Model3DElementOptions

Antarmuka google.maps.maps3d.Model3DElementOptions

Objek Model3DElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Model3DElement.
altitudeMode optional
Jenis:  AltitudeMode optional
Lihat Model3DElement.altitudeMode.
orientation optional
Lihat Model3DElement.orientation.
position optional
Lihat Model3DElement.position.
scale optional
Jenis:  number|Vector3D|Vector3DLiteral optional
Lihat Model3DElement.scale.
src optional
Jenis:  string|URL optional
Lihat Model3DElement.src.

Class Model3DInteractiveElement

Class google.maps.maps3d.Model3DInteractiveElement

Model 3D yang memungkinkan rendering model gLTF. Perhatikan bahwa position dan src harus ditetapkan agar Model3DElement ditampilkan.

Properti inti gLTF PBR harus didukung. Saat ini, tidak ada ekstensi atau properti ekstensi yang didukung.

Tidak seperti Model3DElement, Model3DInteractiveElement menerima peristiwa gmp-click.

Elemen kustom:
<gmp-model-3d-interactive></gmp-model-3d-interactive>

Class ini memperluas Model3DElement.

Class ini mengimplementasikan Model3DInteractiveElementOptions.

Akses dengan memanggil const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Model3DInteractiveElement
Model3DInteractiveElement([options])
Parameter: 
Membuat Model3DInteractiveElement dengan opsi yang ditentukan.
Diwarisi: altitudeMode, orientation, position, scale, src
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-click
function(clickEvent)
Argumen: 
Peristiwa ini diaktifkan saat elemen Model3DInteractiveElement diklik.

Antarmuka Model3DInteractiveElementOptions

Antarmuka google.maps.maps3d.Model3DInteractiveElementOptions

Objek Model3DInteractiveElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Model3DInteractiveElement.

Antarmuka ini memperluas Model3DElementOptions.

Diwarisi: altitudeMode, orientation, position, scale, src

Polyline3DElement class

Class google.maps.maps3d.Polyline3DElement

Polyline 3D adalah overlay linear segmen garis terhubung pada peta 3D.

Elemen kustom:
<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>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan Polyline3DElementOptions.

Akses dengan memanggil const {Polyline3DElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Polyline3DElement
Polyline3DElement([options])
Parameter: 
Membuat Polyline3DElement dengan opsi yang ditentukan.
altitudeMode
Jenis:  AltitudeMode optional
Default: AltitudeMode.CLAMP_TO_GROUND
Menentukan cara komponen ketinggian dalam koordinat ditafsirkan.
Atribut 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
Jenis:  boolean optional
Default: false
Menentukan apakah bagian polyline yang dapat terhalang digambar atau tidak. Polyline dapat terhalang oleh geometri peta (misalnya, bangunan).
Atribut HTML:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
Jenis:  boolean optional
Default: false
Menentukan apakah akan menghubungkan polyline ke permukaan tanah. Untuk mengekstrusi polyline, altitudeMode harus berupa RELATIVE_TO_GROUND atau ABSOLUTE.
Atribut HTML:
  • <gmp-polyline-3d extruded></gmp-polyline-3d>
geodesic
Jenis:  boolean optional
Default: false
Jika true, tepi polyline ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Jika false, tepi polyline dirender sebagai garis lurus di ruang layar.
Atribut HTML:
  • <gmp-polyline-3d geodesic></gmp-polyline-3d>
outerColor
Jenis:  string optional
Warna luar. Semua warna CSS3 didukung.
Atribut HTML:
  • <gmp-polyline-3d outer-color="string"></gmp-polyline-3d>
outerWidth
Jenis:  number optional
Lebar luar antara 0.0 dan 1.0. Ini adalah persentase dari strokeWidth.
Atribut HTML:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
path
Urutan koordinat Polyline. Ketinggian diabaikan dalam mode tertentu, sehingga bersifat opsional.
Atribut HTML:
  • <gmp-polyline-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polyline-3d>
strokeColor
Jenis:  string optional
Warna garis luar. Semua warna CSS3 didukung.
Atribut HTML:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeWidth
Jenis:  number optional
Lebar garis luar dalam piksel.
Atribut HTML:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
Jenis:  number optional
zIndex dibandingkan dengan poli lainnya.
Atribut HTML:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
coordinates
Urutan koordinat Polyline. Ketinggian diabaikan dalam mode tertentu, sehingga bersifat opsional.
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

Antarmuka Polyline3DElementOptions

Antarmuka google.maps.maps3d.Polyline3DElementOptions

Objek Polyline3DElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Polyline3DElement.
altitudeMode optional
Jenis:  AltitudeMode optional
Lihat Polyline3DElement.altitudeMode.
coordinates optional
Lihat Polyline3DElement.coordinates.
drawsOccludedSegments optional
Jenis:  boolean optional
Lihat Polyline3DElement.drawsOccludedSegments.
extruded optional
Jenis:  boolean optional
Lihat Polyline3DElement.extruded.
geodesic optional
Jenis:  boolean optional
Lihat Polyline3DElement.geodesic.
outerColor optional
Jenis:  string optional
Lihat Polyline3DElement.outerColor.
outerWidth optional
Jenis:  number optional
Lihat Polyline3DElement.outerWidth.
strokeColor optional
Jenis:  string optional
Lihat Polyline3DElement.strokeColor.
strokeWidth optional
Jenis:  number optional
Lihat Polyline3DElement.strokeWidth.
zIndex optional
Jenis:  number optional
Lihat Polyline3DElement.zIndex.

Class Polyline3DInteractiveElement

Class google.maps.maps3d.Polyline3DInteractiveElement

Polyline 3D adalah overlay linear segmen garis terhubung pada peta 3D. Tidak seperti Polyline3DElement, Polyline3DInteractiveElement menerima peristiwa gmp-click.

Elemen kustom:
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>

Class ini memperluas Polyline3DElement.

Class ini mengimplementasikan Polyline3DInteractiveElementOptions.

Akses dengan memanggil const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
Parameter: 
Membuat Polyline3DInteractiveElement dengan opsi yang ditentukan.
Diwarisi: altitudeMode, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex, coordinates
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-click
function(clickEvent)
Argumen: 
  • clickEvent:  LocationClickEvent Objek peristiwa akan berisi lokasi lintang-bujur-ketinggian dari klik.
Peristiwa ini diaktifkan saat elemen Polyline3DInteractiveElement diklik.

Antarmuka Polyline3DInteractiveElementOptions

Antarmuka google.maps.maps3d.Polyline3DInteractiveElementOptions

Objek Polyline3DInteractiveElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Polyline3DInteractiveElement.

Antarmuka ini memperluas Polyline3DElementOptions.

Diwarisi: altitudeMode, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, strokeColor, strokeWidth, zIndex

Class Polygon3DElement

Class google.maps.maps3d.Polygon3DElement

Poligon 3D (seperti polyline 3D) menentukan serangkaian koordinat yang terhubung dalam urutan yang berurutan. Selain itu, poligon membentuk loop tertutup dan menentukan region yang terisi.

Elemen kustom:
<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>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan Polygon3DElementOptions.

Akses dengan memanggil const {Polygon3DElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Polygon3DElement
Polygon3DElement([options])
Parameter: 
Membuat Polygon3DElement dengan opsi yang ditentukan.
altitudeMode
Jenis:  AltitudeMode optional
Default: AltitudeMode.CLAMP_TO_GROUND
Menentukan cara komponen ketinggian dalam koordinat ditafsirkan.
Atribut 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
Jenis:  boolean optional
Default: false
Menentukan apakah bagian poligon yang dapat terhalang digambar atau tidak. Poligon dapat terhalang oleh geometri peta (misalnya, bangunan).
Atribut HTML:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
Jenis:  boolean optional
Default: false
Menentukan apakah akan menghubungkan poligon ke permukaan tanah. Untuk mengekstrusi poligon, altitudeMode harus berupa RELATIVE_TO_GROUND atau ABSOLUTE.
Atribut HTML:
  • <gmp-polygon-3d extruded></gmp-polygon-3d>
fillColor
Jenis:  string optional
Warna pengisi. Semua warna CSS3 didukung.
Atribut HTML:
  • <gmp-polygon-3d fill-color="string"></gmp-polygon-3d>
geodesic
Jenis:  boolean optional
Default: false
Jika true, tepi poligon ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Jika false, tepi poligon dirender sebagai garis lurus di ruang layar.
Atribut HTML:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerPaths
Urutan koordinat yang berurutan yang menetapkan loop tertutup. Tidak seperti polyline, poligon dapat terdiri dari satu atau beberapa jalur, yang membuat beberapa potongan di dalam poligon.
path
Urutan koordinat yang berurutan yang menetapkan loop tertutup. Ketinggian diabaikan dalam mode tertentu, sehingga bersifat opsional.
Atribut HTML:
  • <gmp-polygon-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polygon-3d>
strokeColor
Jenis:  string optional
Warna garis luar. Semua warna CSS3 didukung.
Atribut HTML:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeWidth
Jenis:  number optional
Lebar garis luar dalam piksel.
Atribut HTML:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
Jenis:  number optional
zIndex dibandingkan dengan poli lainnya.
Atribut HTML:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
outerCoordinates
Urutan koordinat yang berurutan yang menetapkan loop tertutup. Ketinggian diabaikan dalam mode tertentu, sehingga bersifat opsional.
innerCoordinates
Urutan koordinat yang berurutan yang menetapkan loop tertutup. Tidak seperti polyline, poligon dapat terdiri dari satu atau beberapa jalur, yang membuat beberapa potongan di dalam poligon.
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

Antarmuka Polygon3DElementOptions

Antarmuka google.maps.maps3d.Polygon3DElementOptions

Objek Polygon3DElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Polygon3DElement.
altitudeMode optional
Jenis:  AltitudeMode optional
Lihat Polygon3DElement.altitudeMode.
drawsOccludedSegments optional
Jenis:  boolean optional
Lihat Polygon3DElement.drawsOccludedSegments.
extruded optional
Jenis:  boolean optional
Lihat Polygon3DElement.extruded.
fillColor optional
Jenis:  string optional
Lihat Polygon3DElement.fillColor.
geodesic optional
Jenis:  boolean optional
Lihat Polygon3DElement.geodesic.
innerCoordinates optional
Lihat Polygon3DElement.innerCoordinates.
outerCoordinates optional
Lihat Polygon3DElement.outerCoordinates.
strokeColor optional
Jenis:  string optional
Lihat Polygon3DElement.strokeColor.
strokeWidth optional
Jenis:  number optional
Lihat Polygon3DElement.strokeWidth.
zIndex optional
Jenis:  number optional
Lihat Polygon3DElement.zIndex.

Class Polygon3DInteractiveElement

Class google.maps.maps3d.Polygon3DInteractiveElement

Poligon 3D (seperti polyline 3D) menentukan serangkaian koordinat yang terhubung dalam urutan yang berurutan. Selain itu, poligon membentuk loop tertutup dan menentukan region yang terisi. Tidak seperti Polygon3DElement, Polygon3DInteractiveElement menerima peristiwa gmp-click.

Elemen kustom:
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>

Class ini memperluas Polygon3DElement.

Class ini mengimplementasikan Polygon3DInteractiveElementOptions.

Akses dengan memanggil const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
Parameter: 
Membuat Polygon3DInteractiveElement dengan opsi yang ditentukan.
Diwarisi: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerPaths, path, strokeColor, strokeWidth, zIndex, outerCoordinates, innerCoordinates
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.
gmp-click
function(clickEvent)
Argumen: 
  • clickEvent:  LocationClickEvent Objek peristiwa akan berisi lokasi lintang-bujur-ketinggian dari klik.
Peristiwa ini diaktifkan saat elemen Polygon3DInteractiveElement diklik.

Antarmuka Polygon3DInteractiveElementOptions

Antarmuka google.maps.maps3d.Polygon3DInteractiveElementOptions

Objek Polygon3DInteractiveElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada Polygon3DInteractiveElement.

Antarmuka ini memperluas Polygon3DElementOptions.

Diwarisi: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, outerCoordinates, strokeColor, strokeWidth, zIndex

Class PopoverElement

Class google.maps.maps3d.PopoverElement

Elemen HTML kustom yang merender popover. Bentuknya seperti balon dan sering kali terhubung ke penanda.

Elemen kustom:
<gmp-popover altitude-mode="absolute" auto-pan-disabled light-dismiss-disabled open position-anchor="lat,lng"></gmp-popover>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PopoverElementOptions.

Akses dengan memanggil const {PopoverElement} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
PopoverElement
PopoverElement([options])
Parameter: 
altitudeMode
Jenis:  AltitudeMode optional
Default: AltitudeMode.CLAMP_TO_GROUND
Menentukan cara komponen ketinggian posisi ditafsirkan.
Atribut 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
Jenis:  boolean optional
Default: false
Jika disetel ke benar (true), akan menonaktifkan penggeseran peta untuk membuat popover terlihat sepenuhnya saat dibuka.
Atribut HTML:
  • <gmp-popover auto-pan-disabled></gmp-popover>
lightDismissDisabled
Jenis:  boolean optional
Default: false
Menentukan apakah popover ini harus "ditutup ringan" atau tidak. Perilaku "tutup ringan" mirip dengan menyetel atribut popover="auto" yang merupakan bagian dari Popover API browser.
Atribut HTML:
  • <gmp-popover light-dismiss-disabled></gmp-popover>
open
Jenis:  boolean optional
Default: false
Menentukan apakah popover ini harus terbuka atau tidak.
Atribut HTML:
  • <gmp-popover open></gmp-popover>
positionAnchor
Posisi untuk menampilkan popover ini. Jika popover ditambatkan ke penanda interaktif, posisi penanda akan digunakan.
Atribut 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
Menempatkan konten slot di bagian utama popover.
header
Menempatkan konten slot di bagian judul popover.
--gmp-popover-max-width
Lebar maksimum popover, terlepas dari lebar konten.
--gmp-popover-min-width
Lebar minimum popover, terlepas dari lebar konten. Saat menggunakan properti ini, sebaiknya tetapkan ke nilai yang lebih kecil dari lebar peta (dalam piksel).
--gmp-popover-pixel-offset-x
Offset pada sumbu x, dalam piksel, dari ujung popover dari titik di peta yang koordinat geografisnya menjadi titik anchor popover.
--gmp-popover-pixel-offset-y
Offset pada sumbu y, dalam piksel, dari ujung popover dari titik di peta yang koordinat geografisnya menjadi tempat popover ditambatkan.
background-color
Warna latar belakang popover. Lihat dokumentasi background-color untuk mengetahui detail selengkapnya. Perhatikan bahwa popover tempat default juga terpengaruh oleh properti ini. Gunakan class CSS yang ditargetkan atau gaya inline pada popover kustom untuk menghindari penataan gaya popover tempat default.
border-radius
Radius batas popover. Lihat dokumentasi border-radius untuk mengetahui detail selengkapnya. Perhatikan bahwa popover tempat default juga terpengaruh oleh properti ini. Gunakan class CSS yang ditargetkan atau gaya inline pada popover kustom untuk menghindari penataan gaya popover tempat default.
box-shadow
Bayangan kotak popover. Lihat dokumentasi box-shadow untuk mengetahui detail selengkapnya. Perhatikan bahwa popover tempat default juga terpengaruh oleh properti ini. Gunakan class CSS yang ditargetkan atau gaya inline pada popover kustom untuk menghindari penataan gaya popover tempat default.
color-scheme
Menunjukkan skema warna yang dapat digunakan untuk merender popover ini. Lihat dokumentasi color-scheme untuk mengetahui detail selengkapnya. Jika tidak ditentukan, setelan ini akan ditetapkan secara default ke preferensi skema warna pengguna.
padding
Padding popover. Lihat dokumentasi padding untuk mengetahui detail selengkapnya. Perhatikan bahwa popover tempat default juga terpengaruh oleh properti ini. Gunakan class CSS yang ditargetkan atau gaya inline pada popover kustom untuk menghindari penataan gaya popover tempat default.
addEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang pemroses peristiwanya akan dihapus.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa dari pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi.
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya didaftarkan dengan addEventListener dari target. Lihat removeEventListener.

Antarmuka PopoverElementOptions

Antarmuka google.maps.maps3d.PopoverElementOptions

Objek PopoverElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan pada PopoverElement.
altitudeMode optional
Jenis:  AltitudeMode optional
Lihat PopoverElement.altitudeMode.
autoPanDisabled optional
Jenis:  boolean optional
Lihat PopoverElement.autoPanDisabled.
lightDismissDisabled optional
Jenis:  boolean optional
Lihat PopoverElement.lightDismissDisabled.
open optional
Jenis:  boolean optional
Lihat PopoverElement.open.
positionAnchor optional
Lihat PopoverElement.positionAnchor.

Konstanta AltitudeMode

Konstanta google.maps.maps3d.AltitudeMode

Menentukan cara komponen ketinggian dalam koordinat ditafsirkan.

Akses dengan memanggil const {AltitudeMode} = await google.maps.importLibrary("maps3d").
Lihat Library di Maps JavaScript API.
ABSOLUTE Memungkinkan untuk mengekspresikan objek yang relatif terhadap permukaan laut rata-rata. Artinya, jika tingkat detail medan berubah di bawah objek, posisi absolutnya akan tetap sama.
CLAMP_TO_GROUND Memungkinkan untuk mengekspresikan objek yang ditempatkan di permukaan tanah. Ikon tersebut akan tetap berada di permukaan tanah mengikuti medan, terlepas dari ketinggian yang diberikan. Jika objek diposisikan di atas perairan besar, objek tersebut akan ditempatkan di permukaan laut.
RELATIVE_TO_GROUND Memungkinkan untuk mengekspresikan objek yang terkait dengan permukaan tanah. Jika tingkat detail medan berubah, posisi objek akan tetap konstan terhadap permukaan tanah. Jika berada di atas air, ketinggian akan ditafsirkan sebagai nilai dalam meter di atas permukaan laut.
RELATIVE_TO_MESH Memungkinkan untuk mengekspresikan objek yang sesuai dengan permukaan tanah+bangunan+permukaan air tertinggi. Jika di atas air, ini akan menjadi permukaan air; jika di atas medan, ini akan menjadi permukaan bangunan (jika ada) atau permukaan tanah (jika tidak ada bangunan).