Maps

Class MapElement

google.maps.MapElement class
extends HTMLElement
implements MapElementOptions
library "maps"

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>

    
<gmp-map
  center="lat,lng"
  heading-interaction-disabled
  internal-usage-attribution-ids="id1 id2"
  map-id="string"
  rendering-type="value-name"
  tilt-interaction-disabled
  zoom="number">
</gmp-map>

const {MapElement} = await google.maps.importLibrary("maps");

Antarmuka MapElementOptions

Antarmuka google.maps.MapElementOptions

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

Class ZoomChangeEvent

google.maps.ZoomChangeEvent class
extends Event
library "maps"

Peristiwa ini dibuat dari pemantauan perubahan zoom.

const {ZoomChangeEvent} = await google.maps.importLibrary("maps");

Class Map

google.maps.Map class
extends MVCObject
library "maps"

const {Map} = await google.maps.importLibrary("maps");

Metode
fitBounds	fitBounds(bounds[, padding]) Parameter: bounds: LatLngBounds|LatLngBoundsLiteral Batas yang akan ditampilkan. padding: number|Padding optional Padding dalam piksel. Batas akan disesuaikan di bagian peta yang tersisa setelah padding dihapus. Nilai angka akan menghasilkan padding yang sama di keempat sisi. Berikan nilai 0 di sini untuk membuat fitBounds idempoten pada hasil getBounds. Nilai Hasil: Tidak ada Menetapkan area pandang untuk memuat batas yang ditentukan. 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 default nol. Memanggil metode ini dapat menyebabkan animasi yang mulus saat peta digeser dan diperbesar/diperkecil agar sesuai dengan batas. Apakah metode ini menganimasikan 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 area pandang saat ini. Jika lebih dari satu salinan dunia terlihat, batas rentang 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 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 dari area pandang peta.
getCenter	getCenter() Parameter: Tidak ada Nilai Hasil: LatLng|undefined Menampilkan posisi yang ditampilkan di 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 apakah ikon peta dapat diklik atau tidak. Ikon peta merepresentasikan lokasi menarik, yang juga dikenal sebagai POI. Jika nilai yang ditampilkan adalah true, ikon dapat diklik di peta.
getDatasetFeatureLayer	getDatasetFeatureLayer(datasetId) Parameter: datasetId: string Nilai Hasil: FeatureLayer Menampilkan FeatureLayer untuk datasetId yang ditentukan. ID set data harus dikonfigurasi di Konsol Google Cloud. Jika ID set data tidak terkait 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 salah.
getDiv	getDiv() Parameter: Tidak ada Nilai Hasil: HTMLElement MapDiv peta.
getFeatureLayer	getFeatureLayer(featureType) Parameter: featureType: FeatureType 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 peta), hal ini akan mencatat error, dan FeatureLayer.isAvailable yang dihasilkan akan salah.
getHeading	getHeading() Parameter: Tidak ada Nilai Hasil: number|undefined Menampilkan arah kompas peta. Nilai arah 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. Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
getInternalUsageAttributionIds	getInternalUsageAttributionIds() Parameter: Tidak ada Nilai Hasil: Iterable<string>|null Menampilkan daftar ID atribusi penggunaan, yang membantu Google memahami library dan contoh yang berguna bagi developer, seperti penggunaan library pengelompokan penanda.
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 Hasil: 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 terlihat dalam tampilan panorama terikat tersebut.
getTilt	getTilt() Parameter: Tidak ada Nilai Hasil: number|undefined Menampilkan sudut datang 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 miring diaktifkan. Opsi ini hanya berlaku jika peta adalah 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: cameraOptions: CameraOptions Nilai Hasil: Tidak ada Segera menyetel kamera peta ke opsi kamera target, tanpa animasi.
panBy	panBy(x, y) Parameter: x: number Jumlah piksel untuk memindahkan peta ke arah x. y: number Jumlah piksel untuk memindahkan peta ke arah y. Nilai Hasil: Tidak ada Mengubah pusat peta berdasarkan jarak yang ditentukan 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: latLng: LatLng|LatLngLiteral Garis lintang/bujur tengah baru peta. Nilai Hasil: Tidak ada Mengubah pusat peta ke LatLng yang diberikan. Jika perubahan kurang dari lebar dan tinggi peta, transisi akan dianimasikan dengan lancar.
panToBounds	panToBounds(latLngBounds[, padding]) Parameter: latLngBounds: LatLngBounds|LatLngBoundsLiteral Batas untuk menggeser peta. padding: number|Padding optional Padding dalam piksel. Nilai angka akan menghasilkan padding yang sama di keempat sisi. Nilai defaultnya adalah 0. Nilai Hasil: Tidak ada Menggeser peta dengan jumlah minimum yang diperlukan untuk memuat LatLngBounds yang diberikan. Tidak ada jaminan di mana batas akan berada di peta, kecuali bahwa peta akan digeser untuk menampilkan sebanyak mungkin batas di dalam {currentMapSizeInPx} - {padding}. Untuk peta raster dan peta vektor, zoom, kemiringan, dan arah peta tidak akan diubah.
setCenter	setCenter(latlng) Parameter: latlng: LatLng|LatLngLiteral Nilai Hasil: Tidak ada
setClickableIcons	setClickableIcons(value) Parameter: value: boolean Nilai Hasil: Tidak ada Mengontrol apakah ikon peta dapat diklik atau tidak. Ikon peta merepresentasikan lokasi menarik, yang juga dikenal sebagai POI. Untuk menonaktifkan kemampuan klik ikon peta, teruskan nilai false ke metode ini.
setHeading	setHeading(heading) Parameter: heading: number Nilai Hasil: 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: headingInteractionEnabled: boolean Nilai Hasil: Tidak ada Menetapkan apakah interaksi judul diaktifkan. Opsi ini hanya berlaku jika peta adalah peta vektor. Jika tidak ditetapkan dalam kode, konfigurasi cloud untuk ID peta akan digunakan (jika tersedia).
setMapTypeId	setMapTypeId(mapTypeId) Parameter: mapTypeId: MapTypeId|string Nilai Hasil: Tidak ada
setOptions	setOptions(options) Parameter: options: MapOptions optional Nilai Hasil: Tidak ada
setRenderingType	setRenderingType(renderingType) Parameter: renderingType: RenderingType Nilai Hasil: Tidak ada Menetapkan RenderingType peta saat ini.
setStreetView	setStreetView(panorama) Parameter: panorama: StreetViewPanorama optional Panorama yang akan diikat ke peta. Nilai Hasil: Tidak ada Mengikat StreetViewPanorama ke peta. Panorama ini menggantikan 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: tilt: number Nilai Hasil: Tidak ada Untuk peta vektor, menetapkan sudut datang peta. Nilai yang diizinkan dibatasi bergantung pada tingkat zoom peta. Untuk peta raster, mengontrol perilaku pengalihan otomatis untuk sudut datang peta. Satu-satunya nilai yang diizinkan adalah 0 dan 45. setTilt(0) menyebabkan peta selalu menggunakan tampilan atas 0° terlepas dari tingkat zoom dan area pandang. setTilt(45) menyebabkan sudut kemiringan otomatis beralih ke 45 setiap kali gambar 45° tersedia untuk tingkat zoom dan area pandang saat ini, dan beralih kembali ke 0 setiap kali gambar 45° tidak tersedia (ini adalah perilaku default). Gambar 45° hanya tersedia untuk jenis peta satellite dan hybrid, di 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: tiltInteractionEnabled: boolean Nilai Hasil: Tidak ada Menetapkan apakah interaksi miring 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: zoom: number Nilai zoom yang lebih besar sesuai dengan resolusi yang lebih tinggi. Nilai Hasil: Tidak ada Menetapkan zoom peta.
Diwarisi: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Antarmuka MapOptions

Antarmuka google.maps.MapOptions

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

Antarmuka MapTypeStyle

Antarmuka google.maps.MapTypeStyle

MapTypeStyle adalah kumpulan pemilih dan penata gaya yang menentukan cara penataan gaya peta. Pemilih menentukan fitur dan/atau elemen peta yang akan terpengaruh, dan styler menentukan cara fitur dan elemen tersebut akan diubah. Untuk mengetahui detailnya, 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.

Antarmuka IconMouseEvent

google.maps.IconMouseEvent interface
extends MapMouseEvent

Objek ini dikirim dalam 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 lebih lanjut ID tempat di panduan developer Places API.

ColorScheme konstanta

google.maps.ColorScheme konstanta library
"core"

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

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis ColorSchemeString.

const {ColorScheme} = await google.maps.importLibrary("core");

Konstanta MapTypeId

google.maps.MapTypeId konstanta library
"maps"

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

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis MapTypeIdString.

const {MapTypeId} = await google.maps.importLibrary("maps");

Class MapTypeRegistry

google.maps.MapTypeRegistry class
extends MVCObject
library "maps"

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

const {MapTypeRegistry} = await google.maps.importLibrary("maps");

Antarmuka MapRestriction

Antarmuka google.maps.MapRestriction

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

Class TrafficLayer

google.maps.TrafficLayer class
extends MVCObject
library "maps"

Lapisan lalu lintas.

const {TrafficLayer} = await google.maps.importLibrary("maps");

Antarmuka TrafficLayerOptions

Antarmuka google.maps.TrafficLayerOptions

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

Class TransitLayer

google.maps.TransitLayer class
extends MVCObject
library "maps"

Lapisan transportasi umum.

const {TransitLayer} = await google.maps.importLibrary("maps");

Class BicyclingLayer

google.maps.BicyclingLayer class
extends MVCObject
library "maps"

Lapisan yang menampilkan lajur dan jalur sepeda.

const {BicyclingLayer} = await google.maps.importLibrary("maps");

Antarmuka CameraOptions

Antarmuka google.maps.CameraOptions

Digunakan untuk menetapkan opsi kamera peta.

Antarmuka VisibleRegion

Antarmuka google.maps.VisibleRegion

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

Konstanta RenderingType

google.maps.RenderingType konstanta library
"maps"

Konstanta ini juga dapat digunakan sebagai string. Di TypeScript, literal string ditentukan oleh jenis RenderingTypeString.

const {RenderingType} = await google.maps.importLibrary("maps");

Antarmuka MapCapabilities

Antarmuka google.maps.MapCapabilities

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