Kelas 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 disetel, posisi kamera akan dibatasi dalam batas lat/lng yang ditentukan. Perhatikan bahwa objek yang berada di luar batas tetap dirender. Batas dapat membatasi bujur dan lintang, atau dapat membatasi hanya lintang atau bujur. Untuk batas hanya lintang, masing-masing menggunakan bujur barat dan timur -180 dan 180 . Untuk batas hanya bujur, masing-masing menggunakan lintang utara dan selatan 90 dan -90 . |
center |
Jenis:
LatLngAltitude|LatLngAltitudeLiteral optional Bagian tengah peta yang diberikan sebagai LatLngAltitude, dengan ketinggian dalam meter di atas permukaan tanah. Perhatikan bahwa lokasi ini belum tentu merupakan lokasi 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 dirender.Atribut HTML:
|
heading |
Jenis:
number optional Judul kompas pada peta, dalam derajat, dengan arah utara adalah nol. Jika tidak ada kemiringan, setiap lemparan 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 (radius Bumi dikalikan dengan 10).Atribut HTML:
|
maxHeading |
Jenis:
number optional Sudut arah maksimum (rotasi) peta. Nilai yang valid adalah antara
0 dan 360 derajat. minHeading dan maxHeading mewakili interval <= 360 derajat yang mengizinkan gestur arah. minHeading = 180 dan maxHeading = 90 akan mengizinkan judul dalam [0, 90] dan heading dalam [180, 360] . minHeading = 90 dan maxHeading = 180 akan mengizinkan judul dalam [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 (radius Bumi dikalikan dengan 10).Atribut HTML:
|
minHeading |
Jenis:
number optional Sudut arah minimum (rotasi) peta. Nilai yang valid adalah antara
0 dan 360 derajat. minHeading dan maxHeading mewakili interval <= 360 derajat yang mengizinkan gestur arah. minHeading = 180 dan maxHeading = 90 akan mengizinkan judul dalam [0, 90] dan heading dalam [180, 360] . minHeading = 90 dan maxHeading = 180 akan mengizinkan judul dalam [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 Gulungan kamera di sekeliling vektor tampilan dalam derajat. Untuk mengatasi ambiguitas, jika tidak ada kemiringan, setiap lemparan akan ditafsirkan sebagai arah.
Atribut HTML:
|
tilt |
Jenis:
number optional Kemiringan vektor tampilan kamera dalam derajat. Vektor tampilan yang menghadap 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 |
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 judul 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 diaktifkan 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 diatur pada 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
Class
google.maps.maps3d.SteadyChangeEvent
Peristiwa ini dibuat dari pemantauan status stabil Map3DElement
.
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 suasana saat ini telah selesai) atau tidak. |
ClickEvent
Class
google.maps.maps3d.ClickEvent
Peristiwa ini dibuat dengan 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. Harap dicatat, bahwa pada tingkat yang umum, 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. |
CenterChangeEvent
Class
google.maps.maps3d.CenterChangeEvent
Peristiwa ini dibuat dari perubahan pusat pemantauan pada Map3DElement
.
Class ini memperluas
Event
.
Akses dengan memanggil const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
HeadingChangeEvent
Class
google.maps.maps3d.HeadingChangeEvent
Peristiwa ini dibuat dari pemantauan perubahan judul pada Map3DElement
.
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 pemantauan perubahan rentang pada Map3DElement
.
Class ini memperluas
Event
.
Akses dengan memanggil const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Lihat Library di Maps JavaScript API.
RollChangeEvent
Class
google.maps.maps3d.RollChangeEvent
Peristiwa ini dibuat dari pemantauan perubahan lemparan di Map3DElement
.
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
.
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 Menetapkan cara komponen ketinggian dalam koordinat ditafsirkan.
Atribut HTML:
|
coordinates |
Jenis:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Urutan urutan koordinat Polyline. Ketinggian diabaikan dalam mode tertentu sehingga bersifat opsional. |
drawsOccludedSegments |
Jenis:
boolean optional Default:
false Menentukan apakah bagian polyline yang dapat terhalang telah 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 memunculkan polyline,
altitudeMode harus 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, kecuali tambahan warna yang dinamai.
Atribut HTML:
|
outerOpacity |
Jenis:
number optional Opasitas luar antara
0.0 dan 1.0 .Atribut HTML:
|
outerWidth |
Jenis:
number optional Lebar luar adalah antara
0.0 dan 1.0 . Ini adalah persentase dari strokeWidth .Atribut HTML:
|
strokeColor |
Jenis:
string optional Warna garis luar. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
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 |
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 menetapkan 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) mendefinisikan serangkaian koordinat yang terhubung secara berurutan. Selain itu, poligon membentuk loop tertutup dan menentukan area 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>
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 Menetapkan cara komponen ketinggian dalam koordinat ditafsirkan.
Atribut HTML:
|
drawsOccludedSegments |
Jenis:
boolean optional Default:
false Menentukan apakah bagian poligon yang dapat terhalang telah 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 memunculkan poligon,
altitudeMode harus RELATIVE_TO_GROUND atau ABSOLUTE .Atribut HTML:
|
fillColor |
Jenis:
string optional Warna pengisi. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
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 urutan koordinat yang menunjukkan sebuah 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 urutan koordinat yang menunjukkan sebuah loop tertutup. Ketinggian diabaikan dalam mode tertentu sehingga bersifat opsional. |
strokeColor |
Jenis:
string optional Warna garis luar. Semua warna CSS3 didukung, kecuali tambahan warna yang dinamai.
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 |
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 disetel 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
google.maps.maps3d.AltitudeMode
konstanta
Menetapkan 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 yang relatif terhadap rata-rata permukaan laut. Itu juga berarti bahwa jika detail tingkat medan berubah di bawah objek, posisi absolutnya akan tetap sama. |
CLAMP_TO_GROUND |
Mengizinkan untuk mengekspresikan objek yang diletakkan di permukaan tanah. Keduanya 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 yang relatif terhadap permukaan tanah. Jika detail tingkat medan berubah, posisi objek akan tetap konstan terhadap tanah. Jika di atas air, ketinggian akan ditafsirkan sebagai nilai dalam meter di atas permukaan laut. |
RELATIVE_TO_MESH |
Memungkinkan untuk mengekspresikan objek yang relatif terhadap permukaan tanah+bangunan+air tertinggi. Jika di atas air, permukaannya adalah permukaan air; jika di atas medan, permukaannya adalah permukaan bangunan (jika ada) atau permukaan tanah (jika tidak ada bangunan). |