Class Map3DElement
Class
google.maps.maps3d.Map3DElement
Map3DElement adalah antarmuka HTML untuk tampilan Peta 3D.
Elemen kustom:
<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>
Class ini memperluas
HTMLElement
.
Class ini mengimplementasikan
Map3DElementOptions
.
Akses dengan memanggil const {Map3DElement} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Konstruktor | |
---|---|
Map3DElement |
Map3DElement([options]) Parameter:
|
Properti | |
---|---|
bounds |
Jenis:
LatLngBounds|LatLngBoundsLiteral optional Jika ditetapkan, akan membatasi posisi kamera dalam batas lintang/bujur yang ditentukan. Perhatikan bahwa objek di luar batas masih dirender. Batas dapat membatasi bujur dan lintang, atau dapat membatasi lintang atau bujur saja. Untuk batas khusus lintang, gunakan bujur barat dan timur -180 dan 180 . Untuk batas bujur saja, gunakan lintang utara dan selatan 90 dan -90 . |
center |
Jenis:
LatLngAltitude|LatLngAltitudeLiteral optional Pusat peta yang diberikan sebagai LatLngAltitude, dengan ketinggian dalam meter di atas permukaan tanah. Perhatikan bahwa ini tidak selalu merupakan lokasi kamera, karena kolom
range memengaruhi jarak kamera dari pusat peta. Jika tidak ditetapkan, setelan defaultnya adalah {lat: 0, lng: 0, altitude: 63170000} . 63170000 meter adalah ketinggian maksimum yang diizinkan (radius Bumi dikalikan dengan 10).Atribut HTML:
|
defaultLabelsDisabled |
Jenis:
boolean optional Default:
false Jika
true , label peta default tidak dirender.Atribut HTML:
|
heading |
Jenis:
number optional Arah kompas peta, dalam derajat, dengan utara sejati adalah nol. Jika tidak ada kemiringan, setiap kemiringan akan ditafsirkan sebagai arah.
Atribut HTML:
|
maxAltitude |
Jenis:
number optional Ketinggian maksimum di atas tanah yang akan ditampilkan di peta. Nilai yang valid adalah antara
0 dan 63170000 meter (jari-jari Bumi dikalikan dengan 10).Atribut HTML:
|
maxHeading |
Jenis:
number optional Sudut arah (rotasi) maksimum peta. Nilai yang valid adalah antara
0 dan 360 derajat. minHeading dan maxHeading mewakili interval <= 360 derajat tempat gestur arah akan diizinkan. minHeading = 180 dan maxHeading = 90 akan mengizinkan judul di [0, 90] dan judul di [180, 360] . minHeading = 90 dan maxHeading = 180 akan mengizinkan judul di [90, 180] .Atribut HTML:
|
maxTilt |
Jenis:
number optional Sudut insiden maksimum peta. Nilai yang valid adalah antara
0 dan 90 derajat.Atribut HTML:
|
minAltitude |
Jenis:
number optional Ketinggian minimum di atas tanah yang akan ditampilkan di peta. Nilai yang valid adalah antara
0 dan 63170000 meter (jari-jari Bumi dikalikan dengan 10).Atribut HTML:
|
minHeading |
Jenis:
number optional Sudut arah (rotasi) peta minimum. Nilai yang valid adalah antara
0 dan 360 derajat. minHeading dan maxHeading mewakili interval <= 360 derajat tempat gestur arah akan diizinkan. minHeading = 180 dan maxHeading = 90 akan mengizinkan judul di [0, 90] dan judul di [180, 360] . minHeading = 90 dan maxHeading = 180 akan mengizinkan judul di [90, 180] .Atribut HTML:
|
minTilt |
Jenis:
number optional Sudut insiden minimum peta. Nilai yang valid adalah antara
0 dan 90 derajat.Atribut HTML:
|
range |
Jenis:
number optional Jarak dari kamera ke pusat peta, dalam meter.
Atribut HTML:
|
roll |
Jenis:
number optional Roll kamera di sekitar vektor tampilan dalam derajat. Untuk mengatasi ambiguitas, jika tidak ada kemiringan, setiap roll akan ditafsirkan sebagai heading.
Atribut HTML:
|
tilt |
Jenis:
number optional Kemiringan vektor tampilan kamera dalam derajat. Vektor tampilan yang melihat langsung ke bawah ke bumi akan memiliki kemiringan nol derajat. Vektor tampilan yang mengarah menjauh dari bumi akan memiliki kemiringan
180 derajat.Atribut HTML:
|
Metode | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menghapus pemroses peristiwa yang sebelumnya terdaftar dengan addEventListener dari target. Lihat removeEventListener |
Acara | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Argumen:
Peristiwa ini diaktifkan saat properti pusat Map3DElement berubah. |
gmp-click |
function(clickEvent) Argumen:
Peristiwa ini diaktifkan saat elemen Map3DElement diklik. |
gmp-headingchange |
function(headingChangeEvent) Argumen:
Peristiwa ini diaktifkan saat properti heading Map3DElement berubah. |
gmp-rangechange |
function(rangeChangeEvent) Argumen:
Peristiwa ini diaktifkan saat properti rentang Map3DElement berubah. |
gmp-rollchange |
function(rollChangeEvent) Argumen:
Peristiwa ini diaktifkan saat properti roll Map3DElement berubah. |
gmp-steadychange |
function(steadyChangeEvent) Argumen:
Peristiwa ini dipicu saat status stabil Map3DElement berubah. |
gmp-tiltchange |
function(tiltChangeEvent) Argumen:
Peristiwa ini diaktifkan saat properti kemiringan Map3DElement berubah. |
Antarmuka Map3DElementOptions
Antarmuka
google.maps.maps3d.Map3DElementOptions
Objek Map3DElementOptions yang digunakan untuk menentukan properti yang dapat ditetapkan di Map3DElement.
Properti | |
---|---|
bounds optional |
Jenis:
LatLngBounds|LatLngBoundsLiteral optional Lihat Map3DElement.bounds . |
center optional |
Jenis:
LatLngAltitude|LatLngAltitudeLiteral optional Lihat Map3DElement.center . |
defaultLabelsDisabled optional |
Jenis:
boolean optional |
heading optional |
Jenis:
number optional Lihat Map3DElement.heading . |
maxAltitude optional |
Jenis:
number optional Lihat Map3DElement.maxAltitude . |
maxHeading optional |
Jenis:
number optional Lihat Map3DElement.maxHeading . |
maxTilt optional |
Jenis:
number optional Lihat Map3DElement.maxTilt . |
minAltitude optional |
Jenis:
number optional Lihat Map3DElement.minAltitude . |
minHeading optional |
Jenis:
number optional Lihat Map3DElement.minHeading . |
minTilt optional |
Jenis:
number optional Lihat Map3DElement.minTilt . |
range optional |
Jenis:
number optional Lihat Map3DElement.range . |
roll optional |
Jenis:
number optional Lihat Map3DElement.roll . |
tilt optional |
Jenis:
number optional Lihat Map3DElement.tilt . |
Class SteadyChangeEvent
Class
google.maps.maps3d.SteadyChangeEvent
Peristiwa ini dibuat dari pemantauan status stabil Map3DElement
. Peristiwa ini muncul melalui hierarki DOM.
Class ini memperluas
Event
.
Akses dengan memanggil const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Properti | |
---|---|
isSteady |
Jenis:
boolean Menunjukkan apakah Map3DElement stabil (yaitu semua rendering untuk tampilan saat ini telah selesai) atau tidak. |
Class ClickEvent
Class
google.maps.maps3d.ClickEvent
Peristiwa ini dibuat dari mengklik Map3DElement.
Class ini memperluas
Event
.
Akses dengan memanggil const {ClickEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Properti | |
---|---|
position |
Jenis:
LatLngAltitude optional Lintang/bujur/ketinggian yang berada di bawah kursor saat peristiwa terjadi. Perhatikan bahwa pada tingkat yang lebih kasar, data yang kurang akurat akan ditampilkan. Selain itu, elevasi dasar laut dapat ditampilkan untuk nilai ketinggian saat mengklik permukaan air dari posisi kamera yang lebih tinggi. Peristiwa ini muncul melalui hierarki DOM. |
Class CenterChangeEvent
Class
google.maps.maps3d.CenterChangeEvent
Peristiwa ini dibuat dari perubahan pusat pemantauan pada Map3DElement
. Peristiwa ini muncul melalui hierarki DOM.
Class ini memperluas
Event
.
Akses dengan memanggil const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Class HeadingChangeEvent
Class
google.maps.maps3d.HeadingChangeEvent
Peristiwa ini dibuat dari pemantauan perubahan judul pada Map3DElement
. Peristiwa ini muncul melalui hierarki DOM.
Class ini memperluas
Event
.
Akses dengan memanggil const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Class RangeChangeEvent
Class
google.maps.maps3d.RangeChangeEvent
Peristiwa ini dibuat dari perubahan rentang pemantauan pada Map3DElement
. Peristiwa ini muncul melalui hierarki DOM.
Class ini memperluas
Event
.
Akses dengan memanggil const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Class RollChangeEvent
Class
google.maps.maps3d.RollChangeEvent
Peristiwa ini dibuat dari perubahan roll pemantauan pada Map3DElement
. Peristiwa ini muncul melalui hierarki DOM.
Class ini memperluas
Event
.
Akses dengan memanggil const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Class TiltChangeEvent
Class
google.maps.maps3d.TiltChangeEvent
Peristiwa ini dibuat dari pemantauan perubahan kemiringan di Map3DElement
. Peristiwa ini muncul melalui hierarki DOM.
Class ini memperluas
Event
.
Akses dengan memanggil const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Class Polyline3DElement
Class
google.maps.maps3d.Polyline3DElement
Polyline 3D adalah overlay linear segmen garis yang terhubung pada peta 3D.
Elemen kustom:
<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>
Class ini memperluas
HTMLElement
.
Class ini mengimplementasikan
Polyline3DElementOptions
.
Akses dengan memanggil const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Konstruktor | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Parameter:
|
Properti | |
---|---|
altitudeMode |
Jenis:
AltitudeMode optional Default:
AltitudeMode.ABSOLUTE Menentukan cara komponen ketinggian dalam koordinat ditafsirkan.
Atribut HTML:
|
coordinates |
Jenis:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Urutan koordinat Polyline yang diurutkan. Ketinggian diabaikan dalam mode tertentu sehingga bersifat opsional. |
drawsOccludedSegments |
Jenis:
boolean optional Default:
false Menentukan apakah bagian polyline yang dapat dioklusi digambar atau tidak. Polyline dapat terhalang oleh geometri peta (misalnya, bangunan).
Atribut HTML:
|
extruded |
Jenis:
boolean optional Default:
false Menentukan apakah akan menghubungkan polyline ke tanah. Untuk mengekstrud polilini,
altitudeMode harus berupa RELATIVE_TO_GROUND atau ABSOLUTE .Atribut HTML:
|
geodesic |
Jenis:
boolean optional Default:
false Jika
true , tepi polyline akan ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Jika false , tepi polyline dirender sebagai garis lurus di ruang layar.Atribut HTML:
|
outerColor |
Jenis:
string optional Warna luar. Semua warna CSS3 didukung.
Atribut HTML:
|
outerOpacity |
Jenis:
number optional Opasitas luar antara
0.0 dan 1.0 .Atribut HTML:
|
outerWidth |
Jenis:
number optional Lebar luarnya antara
0.0 dan 1.0 . Ini adalah persentase dari strokeWidth .Atribut HTML:
|
strokeColor |
Jenis:
string optional Warna garis luar. Semua warna CSS3 didukung.
Atribut HTML:
|
strokeOpacity |
Jenis:
number optional Opasitas goresan antara
0.0 dan 1.0 .Atribut HTML:
|
strokeWidth |
Jenis:
number optional Lebar garis luar dalam piksel.
Atribut HTML:
|
zIndex |
Jenis:
number optional zIndex dibandingkan dengan poligon lainnya.
Atribut HTML:
|
Metode | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menghapus pemroses peristiwa yang sebelumnya terdaftar 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.
Properti | |
---|---|
altitudeMode optional |
Jenis:
AltitudeMode optional Default:
AltitudeMode.ABSOLUTE |
coordinates optional |
Jenis:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
drawsOccludedSegments optional |
Jenis:
boolean optional Default:
false |
extruded optional |
Jenis:
boolean optional Default:
false Lihat Polyline3DElement.extruded . |
geodesic optional |
Jenis:
boolean optional Default:
false Lihat Polyline3DElement.geodesic . |
outerColor optional |
Jenis:
string optional Lihat Polyline3DElement.outerColor . |
outerOpacity optional |
Jenis:
number optional |
outerWidth optional |
Jenis:
number optional Lihat Polyline3DElement.outerWidth . |
strokeColor optional |
Jenis:
string optional |
strokeOpacity optional |
Jenis:
number optional |
strokeWidth optional |
Jenis:
number optional |
zIndex optional |
Jenis:
number optional Lihat Polyline3DElement.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 wilayah yang terisi.
Elemen kustom:
<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>
Class ini memperluas
HTMLElement
.
Class ini mengimplementasikan
Polygon3DElementOptions
.
Akses dengan memanggil const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Konstruktor | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Parameter:
|
Properti | |
---|---|
altitudeMode |
Jenis:
AltitudeMode optional Default:
AltitudeMode.ABSOLUTE Menentukan cara komponen ketinggian dalam koordinat ditafsirkan.
Atribut HTML:
|
drawsOccludedSegments |
Jenis:
boolean optional Default:
false Menentukan apakah bagian poligon yang dapat dioklusi digambar atau tidak. Poligon dapat terhalang oleh geometri peta (misalnya, bangunan).
Atribut HTML:
|
extruded |
Jenis:
boolean optional Default:
false Menentukan apakah akan menghubungkan poligon ke tanah. Untuk mengekstrud poligon,
altitudeMode harus berupa RELATIVE_TO_GROUND atau ABSOLUTE .Atribut HTML:
|
fillColor |
Jenis:
string optional Warna pengisi. Semua warna CSS3 didukung.
Atribut HTML:
|
fillOpacity |
Jenis:
number optional Opasitas isian antara 0,0 dan 1,0.
Atribut HTML:
|
geodesic |
Jenis:
boolean optional Default:
false Jika
true , tepi poligon akan ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Jika false , tepi poligon dirender sebagai garis lurus di ruang layar.Atribut HTML:
|
innerCoordinates |
Jenis:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Urutan koordinat yang diurutkan yang menunjuk loop tertutup. Tidak seperti polyline, poligon dapat terdiri dari satu atau beberapa jalur, yang membuat beberapa potongan di dalam poligon. |
outerCoordinates |
Jenis:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Urutan koordinat yang diurutkan yang menunjuk loop tertutup. Ketinggian diabaikan dalam mode tertentu sehingga bersifat opsional. |
strokeColor |
Jenis:
string optional Warna garis luar. Semua warna CSS3 didukung.
Atribut HTML:
|
strokeOpacity |
Jenis:
number optional Opasitas goresan antara
0.0 dan 1.0 .Atribut HTML:
|
strokeWidth |
Jenis:
number optional Lebar garis luar dalam piksel.
Atribut HTML:
|
zIndex |
Jenis:
number optional zIndex dibandingkan dengan poligon lainnya.
Atribut HTML:
|
Metode | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener |
removeEventListener |
removeEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menghapus pemroses peristiwa yang sebelumnya terdaftar 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.
Properti | |
---|---|
altitudeMode optional |
Jenis:
AltitudeMode optional Default:
AltitudeMode.ABSOLUTE |
drawsOccludedSegments optional |
Jenis:
boolean optional Default:
false |
extruded optional |
Jenis:
boolean optional Default:
false Lihat Polygon3DElement.extruded . |
fillColor optional |
Jenis:
string optional Lihat Polygon3DElement.fillColor . |
fillOpacity optional |
Jenis:
number optional Lihat Polygon3DElement.fillOpacity . |
geodesic optional |
Jenis:
boolean optional Default:
false Lihat Polygon3DElement.geodesic . |
innerCoordinates optional |
Jenis:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional |
outerCoordinates optional |
Jenis:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
strokeColor optional |
Jenis:
string optional Lihat Polygon3DElement.strokeColor . |
strokeOpacity optional |
Jenis:
number optional |
strokeWidth optional |
Jenis:
number optional Lihat Polygon3DElement.strokeWidth . |
zIndex optional |
Jenis:
number optional Lihat Polygon3DElement.zIndex . |
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.
Konstanta | |
---|---|
ABSOLUTE |
Memungkinkan untuk mengekspresikan objek 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 menampilkan objek yang ditempatkan di tanah. Objek akan tetap berada di permukaan tanah mengikuti medan, terlepas dari ketinggian yang diberikan. Jika diposisikan di atas badan air utama, objek akan ditempatkan di permukaan laut. |
RELATIVE_TO_GROUND |
Memungkinkan untuk mengekspresikan objek relatif terhadap permukaan tanah. Jika tingkat detail medan berubah, posisi objek akan tetap konstan relatif terhadap tanah. Saat berada di atas air, ketinggian akan ditafsirkan sebagai nilai dalam meter di atas permukaan laut. |
RELATIVE_TO_MESH |
Memungkinkan untuk mengekspresikan objek relatif terhadap permukaan tanah+bangunan+air tertinggi. Jika berada di atas air, ini akan menjadi permukaan air; jika berada di atas medan, ini akan menjadi permukaan bangunan (jika ada) atau permukaan tanah (jika tidak ada bangunan). |