Map3DElement kelas
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>
Kelas ini memperluas
HTMLElement
.
Class ini menerapkan
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 disetel, posisi kamera akan dibatasi dalam batas lintang/bujur yang ditentukan. Perhatikan bahwa objek di luar batas tetap dirender. Batas dapat membatasi bujur dan lintang, atau hanya dapat membatasi lintang atau bujur. Untuk batas garis lintang saja, gunakan bujur barat dan timur masing-masing dari -180 dan 180 . Untuk batas garis bujur, gunakan lintang utara dan selatan masing-masing 90 dan -90 . |
center |
Jenis:
LatLngAltitude|LatLngAltitudeLiteral optional Pusat peta diberikan sebagai LatLngAltitude, dengan ketinggian dalam meter di atas permukaan tanah. Perhatikan bahwa lokasi ini belum tentu menempatkan kamera, karena kolom
range memengaruhi jarak kamera dari pusat peta. Jika tidak disetel, setelan defaultnya adalah {lat: 0, lng: 0, altitude: 63170000} . 63170000 meter adalah ketinggian maksimum yang diizinkan (radius Bumi dikalikan 10).Atribut HTML:
|
defaultLabelsDisabled |
Jenis:
boolean optional Default:
false Jika
true , label peta default tidak akan dirender.Atribut HTML:
|
heading |
Jenis:
number optional Arah kompas pada peta, dalam derajat, dengan utara sebagai nol. Jika tidak ada kemiringan, setiap rol akan ditafsirkan sebagai arah tujuan.
Atribut HTML:
|
maxAltitude |
Jenis:
number optional Ketinggian maksimum di atas permukaan tanah yang akan ditampilkan di peta. Nilai yang valid adalah antara
0 dan 63170000 meter (radius Bumi dikalikan dengan 10).Atribut HTML:
|
maxHeading |
Jenis:
number optional Sudut maksimum arah (rotasi) peta. Nilai yang valid adalah antara
0 dan 360 derajat. minHeading dan maxHeading mewakili interval <= 360 derajat yang mengizinkan gestur arah tujuan. 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 permukaan tanah yang akan ditampilkan di peta. Nilai yang valid adalah antara
0 dan 63170000 meter (radius Bumi dikalikan dengan 10).Atribut HTML:
|
minHeading |
Jenis:
number optional Sudut minimum arah (rotasi) peta. Nilai yang valid adalah antara
0 dan 360 derajat. minHeading dan maxHeading mewakili interval <= 360 derajat yang mengizinkan gestur arah tujuan. 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 Rol kamera di sekitar vektor tampilan dalam derajat. Untuk mengatasi ambiguitas, saat tidak ada kemiringan, setiap rol akan ditafsirkan sebagai arah tujuan.
Atribut HTML:
|
tilt |
Jenis:
number optional Kemiringan vektor tampilan kamera dalam derajat. Vektor tampilan yang melihat langsung ke bawah bumi akan memiliki kemiringan nol derajat. Vektor tampilan yang menunjuk menjauh dari bumi akan memiliki kemiringan
180 derajat.Atribut HTML:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener |
|
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 tengah 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 lemparan Map3DElement berubah. |
gmp-steadychange |
function(steadyChangeEvent) Argumen:
Peristiwa ini diaktifkan saat status stabil Map3DElement berubah. |
gmp-tiltchange |
function(tiltChangeEvent) Argumen:
Peristiwa ini diaktifkan saat properti kemiringan Map3DElement berubah. |
Map3DElementOptions antarmuka
google.maps.maps3d.Map3DElementOptions
antarmuka
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 . |
SteadyChangeEvent kelas
Class
google.maps.maps3d.SteadyChangeEvent
Peristiwa ini dibuat dari pemantauan kondisi Map3DElement
yang stabil. Kejadian ini menggelembung pada hierarki DOM.
Kelas 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 adegan saat ini telah selesai) atau belum. |
ClickEvent kelas
Class
google.maps.maps3d.ClickEvent
Peristiwa ini dibuat dengan mengklik Map3DElement.
Kelas 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, ketinggian dasar laut dapat ditampilkan untuk nilai ketinggian saat mengklik permukaan air dari posisi kamera yang lebih tinggi. Kejadian ini menggelembung pada hierarki DOM. |
CenterChangeEvent kelas
Class
google.maps.maps3d.CenterChangeEvent
Peristiwa ini dibuat dari perubahan pusat pemantauan di Map3DElement
. Kejadian ini menggelembung pada hierarki DOM.
Kelas ini memperluas
Event
.
Akses dengan memanggil const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
HeadingChangeEvent kelas
Class
google.maps.maps3d.HeadingChangeEvent
Peristiwa ini dibuat dari pemantauan perubahan judul pada Map3DElement
. Kejadian ini menggelembung pada hierarki DOM.
Kelas ini memperluas
Event
.
Akses dengan memanggil const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
RangeChangeEvent kelas
Class
google.maps.maps3d.RangeChangeEvent
Peristiwa ini dibuat dari perubahan rentang pemantauan pada Map3DElement
. Kejadian ini menggelembung pada hierarki DOM.
Kelas ini memperluas
Event
.
Akses dengan memanggil const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
RollChangeEvent kelas
Class
google.maps.maps3d.RollChangeEvent
Peristiwa ini dibuat dari perubahan roll pemantauan pada Map3DElement
. Kejadian ini menggelembung pada hierarki DOM.
Kelas ini memperluas
Event
.
Akses dengan memanggil const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
TiltChangeEvent kelas
Class
google.maps.maps3d.TiltChangeEvent
Peristiwa ini dibuat dari pemantauan perubahan kemiringan di Map3DElement
. Kejadian ini menggelembung pada hierarki DOM.
Kelas ini memperluas
Event
.
Akses dengan memanggil const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
Polyline3DElement kelas
Class
google.maps.maps3d.Polyline3DElement
Polyline 3D adalah overlay linier segmen garis 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>
Kelas ini memperluas
HTMLElement
.
Class ini menerapkan
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 akan diabaikan dalam mode tertentu, sehingga bersifat opsional. |
drawsOccludedSegments |
Jenis:
boolean optional Default:
false Menentukan apakah bagian polyline yang dapat terhalang akan digambar atau tidak. Polyline dapat dihalangi oleh geometri peta (mis. bangunan).
Atribut HTML:
|
extruded |
Jenis:
boolean optional Default:
false Menentukan apakah akan menghubungkan polyline ke tanah. Untuk mengeluarkan polyline,
altitudeMode harus RELATIVE_TO_GROUND atau ABSOLUTE .Atribut HTML:
|
geodesic |
Jenis:
boolean optional Default:
false Jika
true , tepi polyline ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Saat 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 luar berkisar 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 poli lainnya.
Atribut HTML:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener |
|
removeEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menghapus pemroses peristiwa yang sebelumnya terdaftar dengan addEventListener dari target. Lihat removeEventListener |
Polyline3DElementOptions antarmuka
google.maps.maps3d.Polyline3DElementOptions
antarmuka
Objek Polyline3DElementOptions digunakan untuk menentukan properti yang dapat disetel 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 . |
Polygon3DElement kelas
Class
google.maps.maps3d.Polygon3DElement
Poligon 3D (seperti polyline 3D) mendefinisikan serangkaian koordinat yang terhubung secara berurutan. Selain itu, poligon membentuk loop tertutup dan mendefinisikan region bidang.
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>
Kelas ini memperluas
HTMLElement
.
Class ini menerapkan
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 terhalang akan digambar atau tidak. Poligon dapat dihalangi oleh geometri peta (mis. bangunan).
Atribut HTML:
|
extruded |
Jenis:
boolean optional Default:
false Menentukan apakah akan menghubungkan poligon ke tanah. Untuk mengeluarkan poligon,
altitudeMode harus 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 ditafsirkan sebagai geodesi dan akan mengikuti kelengkungan Bumi. Saat false , tepi poligon dirender sebagai garis lurus di ruang layar.Atribut HTML:
|
innerCoordinates |
Jenis:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Urutan koordinat yang menunjukkan 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 menunjukkan loop tertutup. Ketinggian akan 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 poli lainnya.
Atribut HTML:
|
Metode | |
---|---|
|
addEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan dikirim ke target. Lihat addEventListener |
|
removeEventListener(type, listener[, options]) Parameter:
Nilai Hasil:
void Menghapus pemroses peristiwa yang sebelumnya terdaftar dengan addEventListener dari target. Lihat removeEventListener |
Polygon3DElementOptions antarmuka
google.maps.maps3d.Polygon3DElementOptions
antarmuka
Objek Polygon3DElementOptions 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 . |
AltitudeMode konstanta
google.maps.maps3d.AltitudeMode
konstanta
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. Itu juga berarti bahwa jika tingkat detail medan berubah di bawah objek, posisi absolutnya akan tetap sama. |
CLAMP_TO_GROUND |
Memungkinkan untuk mengekspresikan objek yang ditempatkan di atas tanah. Tombol akan tetap berada di permukaan tanah mengikuti medan terlepas dari ketinggian yang diberikan. Jika objek diposisikan di atas perairan 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 relatif terhadap tanah. Jika di atas laut, 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. Ketika di atas air, ini akan menjadi permukaan air; saat di atas medan, bidang ini akan berupa permukaan bangunan (jika ada) atau permukaan tanah (jika tidak ada bangunan). |