Maps

Class Map

Class google.maps.Map

Class ini memperluas MVCObject.

Akses dengan memanggil const {Map} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

Map
Map(mapDiv[, opts])
Parameter: 
Membuat peta baru di dalam penampung HTML tertentu, yang biasanya berupa elemen DIV.
DEMO_MAP_ID ID peta yang dapat digunakan untuk contoh kode yang memerlukan ID Peta. ID Peta ini tidak dimaksudkan untuk digunakan dalam aplikasi produksi dan tidak dapat digunakan untuk fitur yang memerlukan konfigurasi cloud (seperti Gaya Visual Cloud).
controls
Kontrol tambahan untuk dilampirkan ke peta. Untuk menambahkan kontrol ke peta, tambahkan <div> kontrol ke MVCArray yang sesuai dengan ControlPosition tempat kontrol akan dirender.
data
Jenis:  Data
Instance Data, terikat ke peta. Tambahkan fitur ke objek Data ini untuk menampilkannya dengan mudah di peta ini.
mapTypes
Registry instance MapType menurut ID string.
overlayMapTypes
Jenis:  MVCArray<MapType optional>
Jenis peta tambahan untuk di-overlay. Jenis peta overlay akan ditampilkan di atas peta dasar yang terkait dengannya, sesuai dengan urutan kemunculannya dalam array overlayMapTypes (overlay dengan nilai indeks yang lebih tinggi ditampilkan di depan overlay dengan nilai indeks yang lebih rendah).
fitBounds
fitBounds(bounds[, padding])
Parameter: 
  • boundsLatLngBounds|LatLngBoundsLiteral Batas yang akan ditampilkan.
  • paddingnumber|Padding optional Padding dalam piksel. Batas akan sesuai dengan bagian peta yang tersisa setelah padding dihapus. Nilai angka akan menghasilkan padding yang sama di keempat sisi. Berikan 0 di sini untuk membuat fitBounds idempoten pada hasil getBounds.
Nilai yang Ditampilkan:  Tidak ada
Menetapkan area pandang untuk memuat batas yang diberikan.
Catatan: Jika peta ditetapkan ke display: none, fungsi fitBounds akan membaca ukuran peta sebagai 0x0, sehingga tidak melakukan apa pun. Untuk mengubah area pandang saat peta disembunyikan, tetapkan peta ke visibility: hidden, sehingga memastikan div peta memiliki ukuran sebenarnya. Untuk peta vektor, metode ini menetapkan kemiringan dan arah peta ke nilai nol default. Memanggil metode ini dapat menyebabkan animasi yang lancar saat peta digeser dan di-zoom agar sesuai dengan batas. Apakah metode ini dianimasikan atau tidak bergantung pada heuristik internal.
getBounds
getBounds()
Parameter:  Tidak ada
Nilai yang Ditampilkan:  LatLngBounds|undefined Batas lintang/bujur area pandang saat ini.
Menampilkan batas lintang/bujur dari area pandang saat ini. Jika lebih dari satu salinan dunia terlihat, batasnya berkisar di bujur dari -180 hingga 180 derajat inklusif. Jika peta belum diinisialisasi atau pusat dan zoom belum ditetapkan, hasilnya adalah undefined. Untuk peta vektor dengan kemiringan atau arah yang bukan nol, batas lintang/bujur yang ditampilkan mewakili kotak pembatas terkecil yang menyertakan wilayah yang terlihat di area pandang peta. Lihat MapCanvasProjection.getVisibleRegion untuk mendapatkan wilayah yang terlihat persis di area pandang peta.
getCenter
getCenter()
Parameter:  Tidak ada
Nilai Hasil:  LatLng|undefined
Menampilkan posisi yang ditampilkan di bagian tengah peta. Perhatikan bahwa objek LatLng ini tidak digabungkan. Baca LatLng untuk mengetahui informasi selengkapnya. Jika pusat atau batas belum ditetapkan, hasilnya adalah undefined.
getClickableIcons
getClickableIcons()
Parameter: Tidak ada
Nilai Hasil:  boolean|undefined
Menampilkan kemampuan ikon peta untuk diklik. Ikon peta mewakili lokasi menarik, yang juga dikenal sebagai POI. Jika nilai yang ditampilkan adalah true, ikon dapat diklik di peta.
BetagetDatasetFeatureLayer
getDatasetFeatureLayer(datasetId)
Parameter: 
  • datasetIdstring
Nilai Hasil:  FeatureLayer
Menampilkan FeatureLayer untuk datasetId yang ditentukan. ID set data harus dikonfigurasi di Konsol Google Cloud. Jika ID set data tidak dikaitkan dengan gaya peta, atau jika Gaya visual berbasis data tidak tersedia (tidak ada ID peta, tidak ada ubin vektor, tidak ada lapisan fitur Gaya Visual Berbasis Data atau Set data yang dikonfigurasi di Gaya Peta), hal ini akan mencatat error, dan FeatureLayer.isAvailable yang dihasilkan akan bernilai salah.
getDiv
getDiv()
Parameter:  Tidak ada
Nilai yang Ditampilkan:  HTMLElement mapDiv peta.
getFeatureLayer
getFeatureLayer(featureType)
Parameter: 
Nilai Hasil:  FeatureLayer
Menampilkan FeatureLayer dari FeatureType tertentu. FeatureLayer harus diaktifkan di Konsol Google Cloud. Jika FeatureLayer dari FeatureType yang ditentukan tidak ada di peta ini, atau jika Gaya visual berbasis data tidak tersedia (tidak ada ID peta, tidak ada ubin vektor, dan tidak ada FeatureLayer yang diaktifkan dalam gaya visual peta), hal ini akan mencatat error ke dalam log, dan FeatureLayer.isAvailable yang dihasilkan akan bernilai salah (false).
getHeading
getHeading()
Parameter:  Tidak ada
Nilai Hasil:  number|undefined
Menampilkan arah kompas peta. Nilai arah tujuan diukur dalam derajat (searah jarum jam) dari arah mata angin Utara. Jika peta belum diinisialisasi, hasilnya adalah undefined.
getHeadingInteractionEnabled
getHeadingInteractionEnabled()
Parameter: Tidak ada
Nilai Hasil:  boolean|null
Menampilkan apakah interaksi judul diaktifkan atau tidak. Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
getMapCapabilities
getMapCapabilities()
Parameter: Tidak ada
Nilai Hasil:  MapCapabilities
Memberi tahu pemanggil tentang kemampuan saat ini yang tersedia untuk peta berdasarkan ID Peta yang diberikan.
getMapTypeId
getMapTypeId()
Parameter:  Tidak ada
Nilai Hasil:  MapTypeId|string|undefined
getProjection
getProjection()
Parameter:  Tidak ada
Nilai Hasil:  Projection|undefined
Menampilkan Projection saat ini. Jika peta belum diinisialisasi, hasilnya adalah undefined. Proses peristiwa projection_changed dan periksa nilainya untuk memastikan nilainya bukan undefined.
getRenderingType
getRenderingType()
Parameter:  Tidak ada
Nilai Hasil:  RenderingType
Menampilkan RenderingType peta saat ini.
getStreetView
getStreetView()
Parameter: Tidak ada
Nilai yang Ditampilkan:  StreetViewPanorama Panorama yang terikat ke peta.
Menampilkan StreetViewPanorama default yang terikat ke peta, yang mungkin berupa panorama default yang disematkan dalam peta, atau panorama yang ditetapkan menggunakan setStreetView(). Perubahan pada streetViewControl peta akan tercermin dalam tampilan panorama terikat tersebut.
getTilt
getTilt()
Parameter:  Tidak ada
Nilai Hasil:  number|undefined
Menampilkan sudut insiden peta saat ini, dalam derajat dari bidang area pandang ke bidang peta. Untuk peta raster, hasilnya adalah 0 untuk gambar yang diambil langsung dari atas atau 45 untuk gambar 45°. Metode ini tidak menampilkan nilai yang ditetapkan oleh setTilt. Lihat setTilt untuk mengetahui detailnya.
getTiltInteractionEnabled
getTiltInteractionEnabled()
Parameter:  Tidak ada
Nilai Hasil:  boolean|null
Menampilkan apakah interaksi kemiringan diaktifkan. Opsi ini hanya berlaku jika peta merupakan peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
getZoom
getZoom()
Parameter: Tidak ada
Nilai Hasil:  number|undefined
Menampilkan zoom peta. Jika zoom belum ditetapkan, hasilnya adalah undefined.
moveCamera
moveCamera(cameraOptions)
Parameter: 
Nilai Hasil: Tidak ada
Segera menetapkan kamera peta ke opsi kamera target, tanpa animasi.
panBy
panBy(x, y)
Parameter: 
  • xnumber Jumlah piksel untuk memindahkan peta ke arah x.
  • ynumber Jumlah piksel untuk memindahkan peta ke arah y.
Nilai yang Ditampilkan:  Tidak ada
Mengubah pusat peta dengan jarak yang diberikan dalam piksel. Jika jaraknya kurang dari lebar dan tinggi peta, transisi akan dianimasikan dengan lancar. Perhatikan bahwa sistem koordinat peta meningkat dari barat ke timur (untuk nilai x) dan utara ke selatan (untuk nilai y).
panTo
panTo(latLng)
Parameter: 
Nilai Hasil: Tidak ada
Mengubah bagian tengah peta ke LatLng yang ditentukan. Jika perubahannya kurang dari lebar dan tinggi peta, transisi akan dianimasikan dengan lancar.
panToBounds
panToBounds(latLngBounds[, padding])
Parameter: 
  • latLngBoundsLatLngBounds|LatLngBoundsLiteral Batas untuk menggeser peta.
  • paddingnumber|Padding optional Padding dalam piksel. Nilai angka akan menghasilkan padding yang sama di 4 sisi. Nilai defaultnya adalah 0.
Nilai yang Ditampilkan:  Tidak ada
Men-scroll peta dengan jumlah minimum yang diperlukan untuk memuat LatLngBounds yang diberikan. Hal ini tidak menjamin lokasi batas pada peta, kecuali bahwa peta akan digeser untuk menampilkan batas sebanyak mungkin di dalam {currentMapSizeInPx} - {padding}. Untuk peta raster dan vektor, zoom, kemiringan, dan arah peta tidak akan diubah.
setCenter
setCenter(latlng)
Parameter: 
Nilai yang Ditampilkan:  Tidak ada
setClickableIcons
setClickableIcons(value)
Parameter: 
  • valueboolean
Nilai yang Ditampilkan:  Tidak ada
Mengontrol apakah ikon peta dapat diklik atau tidak. Ikon peta mewakili lokasi menarik, yang juga dikenal sebagai POI. Untuk menonaktifkan kemampuan ikon peta untuk diklik, teruskan nilai false ke metode ini.
setHeading
setHeading(heading)
Parameter: 
  • headingnumber
Nilai yang Ditampilkan:  Tidak ada
Menetapkan arah kompas untuk peta yang diukur dalam derajat dari arah mata angin Utara. Untuk peta raster, metode ini hanya berlaku untuk citra udara.
setHeadingInteractionEnabled
setHeadingInteractionEnabled(headingInteractionEnabled)
Parameter: 
  • headingInteractionEnabledboolean
Nilai yang Ditampilkan:  Tidak ada
Menetapkan apakah interaksi judul diaktifkan. Opsi ini hanya berlaku jika peta merupakan peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
setMapTypeId
setMapTypeId(mapTypeId)
Parameter: 
Nilai yang Ditampilkan:  Tidak ada
setOptions
setOptions(options)
Parameter: 
Nilai yang Ditampilkan:  Tidak ada
setRenderingType
setRenderingType(renderingType)
Parameter: 
Nilai yang Ditampilkan:  Tidak ada
Menetapkan RenderingType peta saat ini.
setStreetView
setStreetView(panorama)
Parameter: 
Nilai yang Ditampilkan:  Tidak ada
Mengikat StreetViewPanorama ke peta. Panorama ini mengganti StreetViewPanorama default, sehingga peta dapat terikat ke panorama eksternal di luar peta. Menetapkan panorama ke null akan mengikat panorama tersemat default kembali ke peta.
setTilt
setTilt(tilt)
Parameter: 
  • tiltnumber
Nilai yang Ditampilkan:  Tidak ada
Untuk peta vektor, menetapkan sudut insiden peta. Nilai yang diizinkan dibatasi bergantung pada tingkat zoom peta.

Untuk peta raster, mengontrol perilaku pengalihan otomatis untuk sudut insiden peta. Satu-satunya nilai yang diizinkan adalah 0 dan 45. setTilt(0) menyebabkan peta selalu menggunakan tampilan dari atas 0°, terlepas dari tingkat zoom dan area tampilan. setTilt(45) menyebabkan sudut kemiringan otomatis beralih ke 45 setiap kali citra 45° tersedia untuk tingkat zoom dan area pandang saat ini, dan beralih kembali ke 0 setiap kali citra 45° tidak tersedia (ini adalah perilaku default). Gambar 45° hanya tersedia untuk jenis peta satellite dan hybrid, dalam beberapa lokasi, dan pada beberapa tingkat zoom. Catatan: getTilt menampilkan sudut kemiringan saat ini, bukan nilai yang ditetapkan oleh setTilt. Karena getTilt dan setTilt merujuk pada hal yang berbeda, jangan bind() properti tilt; tindakan ini dapat menghasilkan efek yang tidak dapat diprediksi.
setTiltInteractionEnabled
setTiltInteractionEnabled(tiltInteractionEnabled)
Parameter: 
  • tiltInteractionEnabledboolean
Nilai yang Ditampilkan:  Tidak ada
Menetapkan apakah interaksi kemiringan diaktifkan. Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
setZoom
setZoom(zoom)
Parameter: 
  • zoomnumber Nilai zoom yang lebih besar sesuai dengan resolusi yang lebih tinggi.
Nilai yang Ditampilkan:  Tidak ada
Menetapkan zoom peta.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
Argumen:  Tidak ada
Peristiwa ini diaktifkan saat batas area pandang telah berubah.
center_changed
function()
Argumen:  Tidak ada
Peristiwa ini dipicu saat properti pusat peta berubah.
click
function(event)
Argumen: 
Peristiwa ini dipicu saat pengguna mengklik peta. MapMouseEvent dengan properti untuk lokasi yang diklik akan ditampilkan, kecuali jika ikon tempat diklik. Jika demikian, IconMouseEvent dengan ID tempat akan ditampilkan. IconMouseEvent dan MapMouseEvent identik, kecuali IconMouseEvent memiliki kolom ID tempat. Peristiwa ini selalu dapat diperlakukan sebagai MapMouseEvent jika ID tempat tidak penting. Peristiwa klik tidak diaktifkan jika penanda atau jendela info diklik.
contextmenu
function(event)
Argumen: 
Peristiwa ini diaktifkan saat peristiwa contextmenu DOM diaktifkan di penampung peta.
dblclick
function(event)
Argumen: 
Peristiwa ini dipicu saat pengguna mengklik dua kali pada peta. Perhatikan bahwa peristiwa klik terkadang akan diaktifkan satu kali dan terkadang dua kali, tepat sebelum peristiwa ini.
drag
function()
Argumen: Tidak ada
Peristiwa ini dipicu berulang kali saat pengguna menarik peta.
dragend
function()
Argumen: Tidak ada
Peristiwa ini dipicu saat pengguna berhenti menarik peta.
dragstart
function()
Argumen:  Tidak ada
Peristiwa ini dipicu saat pengguna mulai menarik peta.
heading_changed
function()
Argumen:  Tidak ada
Peristiwa ini dipicu saat properti judul peta berubah.
idle
function()
Argumen: Tidak ada
Peristiwa ini dipicu saat peta tidak ada aktivitas setelah digeser atau diperbesar/diperkecil.
isfractionalzoomenabled_changed
function()
Argumen: Tidak ada
Peristiwa ini dipicu saat properti isFractionalZoomEnabled telah berubah.
mapcapabilities_changed
function()
Argumen:  Tidak ada
Peristiwa ini diaktifkan saat kemampuan peta berubah.
maptypeid_changed
function()
Argumen:  Tidak ada
Peristiwa ini dipicu saat properti mapTypeId berubah.
mousemove
function(event)
Argumen: 
Peristiwa ini dipicu setiap kali mouse pengguna bergerak di atas penampung peta.
mouseout
function(event)
Argumen: 
Peristiwa ini dipicu saat mouse pengguna keluar dari penampung peta.
mouseover
function(event)
Argumen: 
Peristiwa ini dipicu saat mouse pengguna memasuki penampung peta.
projection_changed
function()
Argumen: Tidak ada
Peristiwa ini dipicu saat proyeksi berubah.
renderingtype_changed
function()
Argumen:  Tidak ada
Peristiwa ini diaktifkan saat renderingType telah berubah.
tilesloaded
function()
Argumen:  Tidak ada
Peristiwa ini dipicu saat kartu yang terlihat selesai dimuat.
tilt_changed
function()
Argumen: Tidak ada
Peristiwa ini diaktifkan saat properti kemiringan peta berubah.
zoom_changed
function()
Argumen:  Tidak ada
Peristiwa ini dipicu saat properti zoom peta berubah.
rightclick
function(event)
Argumen: 
Peristiwa ini dipicu saat pengguna mengklik kanan peta.

MapOptions

Antarmuka google.maps.MapOptions

Objek MapOptions yang digunakan untuk menentukan properti yang dapat disetel di Peta.

backgroundColor optional
Jenis:  string optional
Warna yang digunakan untuk latar belakang div Peta. Warna ini akan terlihat saat ubin belum dimuat saat pengguna menggeser. Opsi ini hanya dapat ditetapkan saat peta diinisialisasi.
cameraControl optional
Jenis:  boolean optional
Status kontrol Kamera yang diaktifkan/dinonaktifkan.
cameraControlOptions optional
Jenis:  CameraControlOptions optional
Opsi tampilan untuk kontrol Kamera.
center optional
Jenis:  LatLng|LatLngLiteral optional
Pusat Peta awal.
clickableIcons optional
Jenis:  boolean optional
Default: true
Jika false, ikon peta tidak dapat diklik. Ikon peta mewakili lokasi menarik, yang juga dikenal sebagai POI.
colorScheme optional
Jenis:  ColorScheme|string optional
Skema warna Peta awal. Opsi ini hanya dapat ditetapkan saat peta diinisialisasi.
controlSize optional
Jenis:  number optional
Ukuran dalam piksel kontrol yang muncul di peta. Nilai ini harus diberikan langsung saat membuat Peta. Memperbarui nilai ini nanti dapat membuat kontrol menjadi status undefined. Hanya mengatur kontrol yang dibuat oleh Maps API itu sendiri. Tidak menskalakan kontrol kustom yang dibuat developer.
disableDefaultUI optional
Jenis:  boolean optional
Mengaktifkan/menonaktifkan semua tombol UI default. Dapat diganti satu per satu. Tidak menonaktifkan kontrol keyboard, yang dikontrol secara terpisah oleh opsi MapOptions.keyboardShortcuts. Tidak menonaktifkan kontrol gestur, yang dikontrol secara terpisah oleh opsi MapOptions.gestureHandling.
disableDoubleClickZoom optional
Jenis:  boolean optional
Mengaktifkan/menonaktifkan zoom dan memusatkan pada klik dua kali. Diaktifkan secara default.

Catatan: Properti ini tidak direkomendasikan. Untuk menonaktifkan zoom pada klik dua kali, Anda dapat menggunakan properti gestureHandling, dan menetapkannya ke "none".

draggable optional
Jenis:  boolean optional
Jika false, mencegah peta ditarik. Penggeser diaktifkan secara default.
draggableCursor optional
Jenis:  string optional
Nama atau URL kursor yang akan ditampilkan saat mengarahkan kursor ke peta yang dapat ditarik. Properti ini menggunakan atribut cursor css untuk mengubah ikon. Seperti properti CSS, Anda harus menentukan setidaknya satu kursor fallback yang bukan URL. Contoh: draggableCursor: 'url(http://www.example.com/icon.png), auto;'.
draggingCursor optional
Jenis:  string optional
Nama atau URL kursor yang akan ditampilkan saat peta ditarik. Properti ini menggunakan atribut cursor css untuk mengubah ikon. Seperti properti css, Anda harus menentukan setidaknya satu kursor pengganti yang bukan URL. Contoh: draggingCursor: 'url(http://www.example.com/icon.png), auto;'.
fullscreenControl optional
Jenis:  boolean optional
Status kontrol Layar Penuh yang diaktifkan/dinonaktifkan.
fullscreenControlOptions optional
Jenis:  FullscreenControlOptions optional
Opsi tampilan untuk kontrol Layar penuh.
gestureHandling optional
Jenis:  string optional
Setelan ini mengontrol cara API menangani gestur di peta. Nilai yang diizinkan:
  • "cooperative": Peristiwa scroll dan gestur sentuh satu jari akan men-scroll halaman, dan tidak akan melakukan zoom atau menggeser peta. Gestur sentuh dua jari menggeser dan memperbesar/memperkecil peta. Scroll peristiwa dengan tombol ctrl atau ⌘ yang ditekan untuk memperbesar peta.
    Dalam mode ini, peta bekerja sama dengan halaman.
  • "greedy": Semua gestur sentuh dan peristiwa scroll akan menggeser atau melakukan zoom pada peta.
  • "none": Peta tidak dapat digeser atau diperbesar/diperkecil dengan gestur pengguna.
  • "auto": (default) Penanganan gestur bersifat kooperatif atau rakus, bergantung pada apakah halaman dapat di-scroll atau berada dalam iframe.
heading optional
Jenis:  number optional
Judul untuk citra udara dalam derajat yang diukur searah jarum jam dari arah mata angin Utara. Judul akan di-snap ke sudut terdekat yang tersedia untuk gambar yang tersedia.
headingInteractionEnabled optional
Jenis:  boolean optional
Default: false
Apakah peta harus mengizinkan kontrol pengguna terhadap arah kamera (rotasi). Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
isFractionalZoomEnabled optional
Jenis:  boolean optional
Default: true untuk peta vektor dan false untuk peta raster
Apakah peta harus mengizinkan tingkat zoom pecahan. Dengarkan isfractionalzoomenabled_changed untuk mengetahui kapan default telah disetel.
keyboardShortcuts optional
Jenis:  boolean optional
Jika false, mencegah peta dikontrol oleh keyboard. Pintasan keyboard diaktifkan secara default.
mapId optional
Jenis:  string optional
ID Peta peta. Parameter ini tidak dapat ditetapkan atau diubah setelah instance peta dibuat. Map.DEMO_MAP_ID dapat digunakan untuk mencoba fitur yang memerlukan ID peta, tetapi tidak memerlukan pengaktifan cloud.
mapTypeControl optional
Jenis:  boolean optional
Status aktif/dinonaktifkan awal kontrol jenis Peta.
mapTypeControlOptions optional
Jenis:  MapTypeControlOptions optional
Opsi tampilan awal untuk kontrol jenis Peta.
mapTypeId optional
Jenis:  MapTypeId|string optional
mapTypeId Peta awal. Default-nya adalah ROADMAP.
maxZoom optional
Jenis:  number optional
Tingkat zoom maksimum yang akan ditampilkan di peta. Jika dihilangkan, atau ditetapkan ke null, zoom maksimum dari jenis peta saat ini akan digunakan. Nilai zoom yang valid adalah angka dari nol hingga tingkat zoom maksimum yang didukung.
minZoom optional
Jenis:  number optional
Tingkat zoom minimum yang akan ditampilkan di peta. Jika dihilangkan, atau ditetapkan ke null, zoom minimum dari jenis peta saat ini akan digunakan. Nilai zoom yang valid adalah angka dari nol hingga tingkat zoom maksimum yang didukung.
noClear optional
Jenis:  boolean optional
Jika true, jangan hapus konten div Peta.
panControl optional
Jenis:  boolean optional
Status aktif/dinonaktifkan kontrol Geser.

panControlOptions optional
Jenis:  PanControlOptions optional
Opsi tampilan untuk kontrol Geser.

renderingType optional
Jenis:  RenderingType optional
Apakah peta harus berupa peta raster atau vektor. Parameter ini tidak dapat ditetapkan atau diubah setelah instance peta dibuat. Jika tidak ditetapkan, konfigurasi cloud untuk ID peta akan menentukan jenis rendering (jika tersedia). Perhatikan bahwa peta vektor mungkin tidak tersedia untuk semua perangkat dan browser, dan peta akan kembali menjadi peta raster sesuai kebutuhan.
restriction optional
Jenis:  MapRestriction optional
Menentukan batas yang membatasi area peta yang dapat diakses oleh pengguna. Jika disetel, pengguna hanya dapat menggeser dan melakukan zoom saat tampilan kamera tetap berada dalam batas.
rotateControl optional
Jenis:  boolean optional
Status kontrol Putar yang diaktifkan/dinonaktifkan.
rotateControlOptions optional
Jenis:  RotateControlOptions optional
Opsi tampilan untuk kontrol Rotasi.
scaleControl optional
Jenis:  boolean optional
Status awal kontrol Skala yang diaktifkan/dinonaktifkan.
scaleControlOptions optional
Jenis:  ScaleControlOptions optional
Opsi tampilan awal untuk kontrol Scale.
scrollwheel optional
Jenis:  boolean optional
Jika false, menonaktifkan zoom pada peta menggunakan roda scroll mouse. Scrollwheel diaktifkan secara default.

Catatan: Properti ini tidak direkomendasikan. Untuk menonaktifkan zoom menggunakan roda scroll, Anda dapat menggunakan properti gestureHandling, dan menetapkannya ke "cooperative" atau "none".

streetView optional
Jenis:  StreetViewPanorama optional
StreetViewPanorama yang akan ditampilkan saat pegman Street View diletakkan di peta. Jika tidak ada panorama yang ditentukan, StreetViewPanorama default akan ditampilkan di div peta saat pegman dijatuhkan.
streetViewControl optional
Jenis:  boolean optional
Status awal diaktifkan/dinonaktifkan kontrol Pegman Street View. Kontrol ini adalah bagian dari UI default, dan harus disetel ke false saat menampilkan jenis peta yang tidak seharusnya menampilkan overlay jalan Street View (misalnya, jenis peta non-Bumi).
streetViewControlOptions optional
Jenis:  StreetViewControlOptions optional
Opsi tampilan awal untuk kontrol Pegman Street View.
styles optional
Jenis:  Array<MapTypeStyle> optional
Gaya yang akan diterapkan ke setiap jenis peta default. Perhatikan bahwa untuk mode satellite/hybrid dan terrain, gaya ini hanya akan berlaku untuk label dan geometri. Fitur ini tidak tersedia saat menggunakan ID peta, atau saat menggunakan peta vektor (gunakan gaya visual peta berbasis cloud).
tilt optional
Jenis:  number optional
Untuk peta vektor, menetapkan sudut insiden peta. Nilai yang diizinkan dibatasi bergantung pada tingkat zoom peta. Untuk peta raster, mengontrol perilaku pengalihan otomatis untuk sudut kemunculan peta. Satu-satunya nilai yang diizinkan adalah 0 dan 45. Nilai 0 menyebabkan peta selalu menggunakan tampilan overhead 0°, terlepas dari tingkat zoom dan area pandang. Nilai 45 menyebabkan sudut kemiringan beralih secara otomatis ke 45 setiap kali gambar 45° tersedia untuk tingkat zoom dan area pandang saat ini, dan beralih kembali ke 0 jika gambar 45° tidak tersedia (ini adalah perilaku default). Gambar 45° hanya tersedia untuk jenis peta satellite dan hybrid, dalam beberapa lokasi, dan pada beberapa tingkat zoom. Catatan: getTilt menampilkan sudut kemiringan saat ini, bukan nilai yang ditentukan oleh opsi ini. Karena getTilt dan opsi ini merujuk pada hal yang berbeda, jangan melakukan bind() pada properti tilt; tindakan ini dapat menghasilkan efek yang tidak dapat diprediksi.
tiltInteractionEnabled optional
Jenis:  boolean optional
Default: false
Apakah peta harus mengizinkan kontrol pengguna terhadap kemiringan kamera. Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
zoom optional
Jenis:  number optional
Tingkat zoom Peta awal. Nilai zoom yang valid adalah angka dari nol hingga tingkat zoom maksimum yang didukung. Nilai zoom yang lebih besar sesuai dengan resolusi yang lebih tinggi.
zoomControl optional
Jenis:  boolean optional
Status aktif/nonaktif kontrol Zoom.
zoomControlOptions optional
Jenis:  ZoomControlOptions optional
Opsi tampilan untuk kontrol Zoom.

Class MapElement

Class google.maps.MapElement

MapElement adalah subclass HTMLElement untuk merender peta. Setelah memuat library maps, peta dapat dibuat dalam HTML. Contoh:

<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>

Secara internal, ini menggunakan Map, yang dapat diakses dengan properti innerMap.

Elemen kustom:
<gmp-map center="lat,lng" heading-interaction-disabled map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan MapElementOptions.

Akses dengan memanggil const {MapElement} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

MapElement
MapElement([options])
Parameter: 
center
Jenis:  LatLng|LatLngLiteral optional
Lintang/bujur tengah peta.
Atribut HTML:
  • <gmp-map center="lat,lng"></gmp-map>
headingInteractionDisabled
Jenis:  boolean optional
Default: false
Apakah peta harus mengizinkan kontrol pengguna atas arah kamera (rotasi). Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
Atribut HTML:
  • <gmp-map heading-interaction-disabled></gmp-map>
innerMap
Jenis:  Map
Referensi ke Map yang digunakan MapElement secara internal.
mapId
Jenis:  string optional
ID Peta peta. Parameter ini tidak dapat ditetapkan atau diubah setelah instance peta dibuat. Map.DEMO_MAP_ID dapat digunakan untuk mencoba fitur yang memerlukan ID peta, tetapi tidak memerlukan pengaktifan cloud.
Atribut HTML:
  • <gmp-map map-id="string"></gmp-map>
renderingType
Jenis:  RenderingType optional
Apakah peta harus berupa peta raster atau vektor. Parameter ini tidak dapat ditetapkan atau diubah setelah instance peta dibuat. Jika tidak ditetapkan, konfigurasi cloud untuk ID peta akan menentukan jenis rendering (jika tersedia). Perhatikan bahwa peta vektor mungkin tidak tersedia untuk semua perangkat dan browser, dan peta akan kembali ke peta raster sesuai kebutuhan.
Atribut HTML:
  • <gmp-map rendering-type="vector"></gmp-map>
  • <gmp-map rendering-type="raster"></gmp-map>
tiltInteractionDisabled
Jenis:  boolean optional
Default: false
Apakah peta harus mengizinkan pengguna mengontrol kemiringan kamera. Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
Atribut HTML:
  • <gmp-map tilt-interaction-disabled></gmp-map>
zoom
Jenis:  number optional
Tingkat zoom peta. Nilai zoom yang valid adalah angka dari nol hingga tingkat zoom maksimum yang didukung. Nilai zoom yang lebih besar sesuai dengan resolusi yang lebih tinggi.
Atribut HTML:
  • <gmp-map zoom="number"></gmp-map>
control-block-end-inline-center
Menempatkan elemen yang diberi slot di posisi ControlPosition.BLOCK_END_INLINE_CENTER.
control-block-end-inline-end
Menempatkan elemen dengan slot di posisi ControlPosition.BLOCK_END_INLINE_END.
control-block-end-inline-start
Menempatkan elemen dengan slot di posisi ControlPosition.BLOCK_END_INLINE_START.
control-block-start-inline-center
Menempatkan elemen yang diberi slot di posisi ControlPosition.BLOCK_START_INLINE_CENTER.
control-block-start-inline-end
Menempatkan elemen dengan slot di posisi ControlPosition.BLOCK_START_INLINE_END.
control-block-start-inline-start
Menempatkan elemen dengan slot di posisi ControlPosition.BLOCK_START_INLINE_START.
control-inline-end-block-center
Menempatkan elemen yang diberi slot di posisi ControlPosition.INLINE_END_BLOCK_CENTER.
control-inline-end-block-end
Menempatkan elemen yang diberi slot di posisi ControlPosition.INLINE_END_BLOCK_END.
control-inline-end-block-start
Menempatkan elemen dengan slot di posisi ControlPosition.INLINE_END_BLOCK_START.
control-inline-start-block-center
Menempatkan elemen yang diberi slot di posisi ControlPosition.INLINE_START_BLOCK_CENTER.
control-inline-start-block-end
Menempatkan elemen dengan slot di posisi ControlPosition.INLINE_START_BLOCK_END.
control-inline-start-block-start
Menempatkan elemen yang diberi slot di posisi ControlPosition.INLINE_START_BLOCK_START.
default
Anda dapat membuat komponen yang dapat digunakan kembali di sekitar Komponen Web JavaScript Maps, seperti AdvancedMarkerElement, menggunakan elemen kustom. Secara default, setiap elemen kustom yang ditambahkan langsung ke MapElement akan ditempatkan dan dirender di MapPanes.overlayMouseTarget. Namun, Komponen Web Maps JavaScript API dapat ditempatkan ulang ke slot internal MapElement.
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • typestring String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listenerEventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • optionsboolean|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
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • typestring String yang menentukan jenis peristiwa yang akan dihapus pemroses peristiwanya.
  • listenerEventListener|EventListenerObject Pemroses peristiwa pengendali peristiwa yang akan dihapus dari target peristiwa.
  • optionsboolean|EventListenerOptions optional Lihat opsi
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya terdaftar dengan addEventListener dari target. Lihat removeEventListener
gmp-zoomchange
function(event)
Argumen: 
Peristiwa ini dipicu saat properti zoom peta berubah.

Antarmuka MapElementOptions

Antarmuka google.maps.MapElementOptions

Objek MapElementOptions digunakan untuk menentukan properti yang dapat ditetapkan di MapElement.

center optional
Jenis:  LatLng|LatLngLiteral optional
headingInteractionDisabled optional
Jenis:  boolean optional
mapId optional
Jenis:  string optional
renderingType optional
Jenis:  RenderingType optional
tiltInteractionDisabled optional
Jenis:  boolean optional
zoom optional
Jenis:  number optional

Class ZoomChangeEvent

Class google.maps.ZoomChangeEvent

Peristiwa ini dibuat dari pemantauan perubahan zoom.

Class ini memperluas Event.

Akses dengan memanggil const {ZoomChangeEvent} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

Antarmuka MapTypeStyle

Antarmuka google.maps.MapTypeStyle

MapTypeStyle adalah kumpulan pemilih dan styler yang menentukan cara penataan gaya peta. Pemilih menentukan fitur dan/atau elemen peta yang akan terpengaruh, dan penyetel gaya menentukan cara fitur dan elemen tersebut diubah. Untuk mengetahui detailnya, lihat referensi gaya.

stylers
Jenis:  Array<Object>
Aturan gaya yang akan diterapkan pada fitur dan elemen peta yang dipilih. Aturan diterapkan sesuai urutan yang Anda tentukan dalam array ini. Untuk panduan tentang penggunaan dan nilai yang diizinkan, lihat referensi gaya.
elementType optional
Jenis:  string optional
Elemen tempat penyetel gaya harus diterapkan. Elemen adalah aspek visual dari fitur pada peta. Contoh: label, ikon, goresan atau isian yang diterapkan ke geometri, dan lainnya. Opsional. Jika elementType tidak ditentukan, nilainya akan dianggap 'all'. Untuk mengetahui detail penggunaan dan nilai yang diizinkan, lihat referensi gaya.
featureType optional
Jenis:  string optional
Fitur, atau grup fitur, tempat styler harus diterapkan. Opsional. Jika featureType tidak ditentukan, nilainya akan dianggap 'all'. Untuk mengetahui detail penggunaan dan nilai yang diizinkan, lihat referensi gaya.

Antarmuka MapMouseEvent

Antarmuka google.maps.MapMouseEvent

Objek ini ditampilkan dari berbagai peristiwa mouse pada peta dan overlay, serta berisi semua kolom yang ditampilkan di bawah ini.

domEvent
Peristiwa DOM native terkait. Developer tidak boleh mengandalkan properti target, currentTarget, relatedTarget, dan path yang ditentukan dan konsisten. Developer juga tidak boleh mengandalkan struktur DOM dari implementasi internal Maps API. Karena pemetaan peristiwa internal, domEvent mungkin memiliki semantik yang berbeda dari MapMouseEvent (misalnya, "click" MapMouseEvent mungkin memiliki domEvent jenis KeyboardEvent).
latLng optional
Jenis:  LatLng optional
Lintang/bujur yang berada di bawah kursor saat peristiwa terjadi.
stop
stop()
Parameter:  Tidak ada
Nilai Hasil:  void
Mencegah peristiwa ini menyebar lebih lanjut.

Antarmuka IconMouseEvent

Antarmuka google.maps.IconMouseEvent

Objek ini dikirim dalam suatu peristiwa saat pengguna mengklik ikon di peta. ID tempat untuk tempat ini disimpan di anggota placeId. Untuk mencegah jendela info default muncul, panggil metode stop() pada peristiwa ini untuk mencegahnya disebarkan. Pelajari ID tempat lebih lanjut di panduan developer Places API.

Antarmuka ini memperluas MapMouseEvent.

placeId optional
Jenis:  string optional
ID tempat yang diklik. ID tempat ini dapat digunakan untuk membuat kueri informasi selengkapnya tentang fitur yang diklik.

Pelajari ID tempat lebih lanjut di panduan developer Places API.

Diwariskan: domEvent, latLng
Diwariskan: stop

Konstanta ColorScheme

google.maps.ColorScheme konstanta

ID untuk skema warna peta. Tentukan ini berdasarkan nilai, atau dengan menggunakan nama konstanta. Misalnya 'FOLLOW_SYSTEM' atau google.maps.ColorScheme.FOLLOW_SYSTEM.

Akses dengan memanggil const {ColorScheme} = await google.maps.importLibrary("core"). Lihat Library di Maps JavaScript API.

DARK Skema warna gelap untuk peta.
FOLLOW_SYSTEM Skema warna dipilih berdasarkan preferensi sistem.
LIGHT Skema warna terang untuk peta. Nilai default untuk Maps JS lama.

Konstanta MapTypeId

google.maps.MapTypeId konstanta

ID untuk MapTypes umum. Tentukan ini berdasarkan nilai, atau dengan menggunakan nama konstanta. Misalnya 'satellite' atau google.maps.MapTypeId.SATELLITE.

Akses dengan memanggil const {MapTypeId} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

HYBRID Jenis peta ini menampilkan lapisan transparan jalan utama pada citra satelit.
ROADMAP Jenis peta ini menampilkan peta jalan normal.
SATELLITE Jenis peta ini menampilkan gambar satelit.
TERRAIN Jenis peta ini menampilkan peta dengan fitur fisik seperti medan dan vegetasi.

Class MapTypeRegistry

Class google.maps.MapTypeRegistry

Registry untuk instance MapType, yang diberi kunci oleh ID MapType.

Class ini memperluas MVCObject.

Akses dengan memanggil const {MapTypeRegistry} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

MapTypeRegistry
MapTypeRegistry()
Parameter: Tidak ada
MapTypeRegistry menyimpan kumpulan jenis peta kustom yang tersedia untuk peta agar dapat digunakan. API akan berkonsultasi dengan registry ini, misalnya saat memberikan daftar jenis peta yang tersedia dalam kontrol.
set
set(id, mapType)
Parameter: 
  • idstring ID MapType yang akan ditambahkan ke registry.
  • mapTypeMapType|? objek MapType yang akan ditambahkan ke registry.
Nilai Hasil: Tidak ada
Menetapkan registry untuk mengaitkan ID string yang diteruskan dengan MapType yang diteruskan.
Diwariskan: addListener, bindTo, get, notify, setValues, unbind, unbindAll

Antarmuka MapRestriction

Antarmuka google.maps.MapRestriction

Batasan yang dapat diterapkan ke Peta. Area pandang peta tidak akan melebihi batasan ini.

latLngBounds
Jika ditetapkan, pengguna hanya dapat menggeser dan memperbesar di dalam batas yang diberikan. Batas dapat membatasi bujur dan lintang, atau hanya dapat membatasi lintang. Untuk batas khusus lintang, gunakan bujur barat dan timur masing-masing -180 dan 180, misalnya, latLngBounds: {north: northLat, south: southLat, west: -180, east: 180}.
strictBounds optional
Jenis:  boolean optional
Batas dapat dibuat lebih ketat dengan menetapkan flag strictBounds ke true. Hal ini mengurangi seberapa jauh pengguna dapat memperkecil, sehingga memastikan bahwa semua yang berada di luar batas yang dibatasi tetap tersembunyi. Nilai defaultnya adalah false, yang berarti pengguna dapat memperkecil hingga seluruh area yang dibatasi terlihat, mungkin termasuk area di luar area yang dibatasi.

Class TrafficLayer

Class google.maps.TrafficLayer

Lapisan lalu lintas.

Class ini memperluas MVCObject.

Akses dengan memanggil const {TrafficLayer} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

TrafficLayer
TrafficLayer([opts])
Parameter: 
Lapisan yang menampilkan lalu lintas jalan saat ini.
getMap
getMap()
Parameter:  Tidak ada
Nilai Hasil:  Map|null
Menampilkan peta tempat lapisan ini ditampilkan.
setMap
setMap(map)
Parameter: 
  • mapMap optional
Nilai yang Ditampilkan:  Tidak ada
Merender lapisan pada peta yang ditentukan. Jika peta disetel ke null, lapisan akan dihapus.
setOptions
setOptions(options)
Parameter: 
Nilai yang Ditampilkan:  Tidak ada
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

TrafficLayerOptions

Antarmuka google.maps.TrafficLayerOptions

Objek TrafficLayerOptions yang digunakan untuk menentukan properti yang dapat ditetapkan di TrafficLayer.

autoRefresh optional
Jenis:  boolean optional
Default: true
Apakah lapisan traffic dimuat ulang dengan informasi yang diperbarui secara otomatis.
map optional
Jenis:  Map optional
Peta tempat lapisan lalu lintas akan ditampilkan.

TransitLayer

Class google.maps.TransitLayer

Lapisan transportasi umum.

Class ini memperluas MVCObject.

Akses dengan memanggil const {TransitLayer} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

TransitLayer
TransitLayer()
Parameter:  Tidak ada
Lapisan yang menampilkan jalur transit.
getMap
getMap()
Parameter: Tidak ada
Nilai Hasil:  Map
Menampilkan peta tempat lapisan ini ditampilkan.
setMap
setMap(map)
Parameter: 
Nilai yang Ditampilkan:  Tidak ada
Merender lapisan pada peta yang ditentukan. Jika peta disetel ke null, lapisan akan dihapus.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Class BicyclingLayer

Class google.maps.BicyclingLayer

Lapisan yang menunjukkan jalur dan jalur sepeda.

Class ini memperluas MVCObject.

Akses dengan memanggil const {BicyclingLayer} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

BicyclingLayer
BicyclingLayer()
Parameter:  Tidak ada
Lapisan yang menampilkan jalur dan jalur sepeda serta mendemosikan jalan besar.
getMap
getMap()
Parameter:  Tidak ada
Nilai Hasil:  Map|null
Menampilkan peta tempat lapisan ini ditampilkan.
setMap
setMap(map)
Parameter: 
  • mapMap optional
Nilai Hasil:  void
Merender lapisan pada peta yang ditentukan. Jika peta disetel ke null, lapisan akan dihapus.
Diwariskan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Antarmuka CameraOptions

Antarmuka google.maps.CameraOptions

Digunakan untuk menetapkan opsi kamera peta.

center optional
Jenis:  LatLngLiteral|LatLng optional
heading optional
Jenis:  number optional
tilt optional
Jenis:  number optional
zoom optional
Jenis:  number optional

Antarmuka VisibleRegion

Antarmuka google.maps.VisibleRegion

Berisi empat titik yang menentukan poligon empat sisi yang merupakan wilayah yang terlihat pada peta. Pada peta vektor, poligon ini dapat berupa trapesium, bukan persegi panjang, jika peta vektor memiliki kemiringan.

farLeft
Jenis:  LatLng
farRight
Jenis:  LatLng
latLngBounds
Jenis:  LatLngBounds
Kotak pembatas terkecil yang menyertakan wilayah yang terlihat.
nearLeft
Jenis:  LatLng
nearRight
Jenis:  LatLng

Konstanta RenderingType

Konstanta google.maps.RenderingType

Akses dengan memanggil const {RenderingType} = await google.maps.importLibrary("maps"). Lihat Library di Maps JavaScript API.

RASTER Menunjukkan bahwa peta adalah peta raster.
UNINITIALIZED Menunjukkan bahwa peta belum diketahui apakah berupa vektor atau raster, karena peta belum selesai diinisialisasi.
VECTOR Menunjukkan bahwa peta adalah peta vektor.

Antarmuka MapCapabilities

Antarmuka google.maps.MapCapabilities

Objek yang berisi snapshot kemampuan yang saat ini tersedia untuk Peta. Perhatikan bahwa hal ini tidak berarti modul yang relevan dimuat atau diinisialisasi, tetapi peta saat ini memiliki izin untuk menggunakan API ini. Lihat properti untuk daftar kemungkinan kemampuan.

isAdvancedMarkersAvailable optional
Jenis:  boolean optional
Jika true (benar), peta ini akan dikonfigurasi dengan benar untuk memungkinkan penggunaan penanda lanjutan. Perhatikan bahwa Anda masih harus mengimpor library marker untuk menggunakan penanda lanjutan. Lihat https://goo.gle/gmp-isAdvancedMarkersAvailable untuk mengetahui informasi selengkapnya.
isDataDrivenStylingAvailable optional
Jenis:  boolean optional
Jika benar, peta ini dikonfigurasi dengan benar untuk memungkinkan penggunaan gaya visual berbasis data untuk setidaknya satu FeatureLayer. Lihat https://goo.gle/gmp-data-driven-styling dan https://goo.gle/gmp-FeatureLayerIsAvailable untuk mengetahui informasi selengkapnya.
isWebGLOverlayViewAvailable optional
Jenis:  boolean optional
Jika benar, peta ini dikonfigurasi dengan benar untuk memungkinkan penggunaan WebGLOverlayView.