Panduan Rujukan Peta Google
- Hal Sebelumnya Jenis Peta
- Hal Berikutnya Ringkasan SVG
Konstruktor Map()
Buat peta Google:
var map = new google.maps.Map(mapCanvas, mapOptions);
Definisi dan penggunaan
Konstruktor Map() membuat peta baru di dalam elemen HTML yang ditentukan (biasanya elemen <div>).
Syntax
new google.maps.Map(HTMLElement,MapOptions)
Nilai parameter
Parameter | Description |
---|---|
HTMLElement | Tentukan tempat peta akan ditempatkan di elemen HTML mana. |
MapOptions | Objek MapOptions untuk menyimpan variabel inisialisasi/opsi peta. |
Method Map()
Method | Kembalikan nilai. | Description |
---|---|---|
fitBounds(LatLngBounds) | None | Tetapkan sudut pandang untuk memuat batas yang diberikan. |
getBounds() | LatLng,LatLng | Kembalikan sudut kiri bawah dan kiri atas serta kanan bawah dan kanan atas sudut pandang saat ini. |
getCenter() | LatLng | Kembalikan lintang dan bujur pusat peta. |
getDiv() | Node | Kembalikan objek DOM yang mengandung peta. |
getHeading() | number |
Kembalikan arah kompas gambar penerbangan. Dapat digunakan untuk tipe peta SATELLITE dan HYBRID. |
getMapTypeId() |
|
Kembalikan jenis peta saat ini. |
getProjection() | Projection | Kembalikan proyeksi saat ini. |
getStreetView() | StreetViewPanorama | Kembalikan StreetViewPanorama yang diikat ke peta. |
getTilt() | number |
Kembalikan sudut masuk gambar penerbangan (dalam derajat). Dapat digunakan untuk tipe peta SATELLITE dan HYBRID. |
getZoom() | number | Kembalikan tingkat penuh peta saat ini. |
panBy(xnumber,ynumber) | None | Ubah pusat peta dengan jarak yang diberikan (dalam piksel). |
panTo(LatLng) | None | Ubah pusat peta ke LatLng yang diberikan. |
panToBounds(LatLngBounds) | None | Pindahkan peta sedemikian rupa sehingga memuat LatLngBounds yang diberikan dengan jumlah minimum yang diperlukan. |
setCenter(LatLng) | None | Tetapkan lintang dan bujur pusat peta. |
setHeading(number) | None |
Tetapkan arah kompas gambar penerbangan. Dengan satuan derajat yang diukur dari arah utara dasar. |
setMapTypeId(MapTypeId) | None | Tetapkan jenis peta yang akan ditampilkan. |
setOptions(MapOptions) | None | |
setStreetView(StreetViewPanorama) | None | Tautkan StreetViewPanorama ke peta. |
setTilt(number) | None |
Atur sudut masuk gambar udara (dalam satuan derajat). Dapat digunakan untuk tipe peta SATELLITE dan HYBRID. |
setZoom(number) | None | Atur tingkat skala peta. |
Atribut Map()
Atribut | Tipe | Description |
---|---|---|
controls | Array.<MVCArray.<Node>> | Kendali tambahan yang ditambahkan ke peta. |
mapTypes | MapTypeRegistry | Daftar instansiasi MapType berdasarkan ID string. |
overlayMapTypes | MVCArray.<MapType> | Tipe peta lain yang akan ditambahkan. |
Acara Map()
Peristiwa | Parameter | Description |
---|---|---|
bounds_changed | None | Dipicu saat batas viewport berubah. |
center_changed | None | Dipicu saat atribut pusat peta berubah. |
click | MouseEvent | Dipicu saat pengguna mengklik peta. |
dblclick | MouseEvent | Dipicu saat pengguna mengklik dua kali peta. |
drag | None | Dipicu terulang kali saat pengguna menarik peta. |
dragend | None | Dipicu saat pengguna berhenti menarik peta. |
dragstart | None | Dipicu saat pengguna mulai menarik peta. |
heading_changed | None | Dipicu saat atribut judul peta berubah. |
idle | None | Dipicu saat peta dalam keadaan bebas setelah digerakkan atau diskali. |
maptypeid_changed | None | Dipicu saat atribut mapTypeId berubah. |
mousemove | MouseEvent | Dipicu setiap kali mouse pengguna bergerak ke atas kontainer peta. |
mouseout | MouseEvent | Dipicu saat pengejar mouse keluar dari kontainer peta. |
mouseover | MouseEvent | Dipicu saat pengejar mouse masuk ke dalam kontainer peta. |
projection_changed | None | Dipicu saat proyeksi berubah. |
resize | None | Dipicu saat ukuran (div) peta berubah. |
rightclick | MouseEvent | Dipicu saat pengguna mengklik kanan peta. |
tilesloaded | None | Dipicu saat blok yang dapat dilihat selesai dimuat. |
tilt_changed | None | Dipicu saat atribut penggantengan peta berubah. |
zoom_changed | None | Dipicu saat atribut penggandengan peta berubah. |
Lapisan
Constructor/Objek | Description |
---|---|
Marker | Buat tanda. (Perhatikan bahwa posisi tanda harus disetel dengan benar). |
MarkerOptions | Pilihan untuk merender tanda. |
MarkerImage | Mewakili struktur ikon tanda atau gambar bayangan. |
MarkerShape | Definisi bentuk tanda yang digunakan untuk menentukan area yang dapat diklik (tipe dan koordinat). |
Animation | Tentukan animasi yang dapat dimainkan di tanda (muncul atau jatuh). |
InfoWindow | Membuat jendela informasi. |
InfoWindowOptions | Pilihan untuk merender jendela informasi. |
Polyline | Membuat jalur berputar (termasuk jalur dan gaya pengecor). |
PolylineOptions | Pilihan untuk merender garis lurus. |
Polygon | Membuat poligon (termasuk jalur dan warna pengecor + gaya pengisi). |
PolygonOptions | Pilihan untuk merender poligon. |
Rectangle | Membuat persegi (termasuk batas dan warna pengecor + gaya pengisi). |
RectangleOptions | Pilihan untuk merender persegi. |
Circle | Membuat lingkaran (termasuk pusat + radius dan warna pengecor + gaya pengisi). |
CircleOptions | Pilihan untuk merender lingkaran. |
GroundOverlay | |
GroundOverlayOptions | |
OverlayView | |
MapPanes | |
MapCanvasProjection |
Peristiwa
Constructor/Objek | Description |
---|---|
MapsEventListener |
Tidak ada method, tetapi juga tidak ada constructor. Instance-nya dari addListener(), addDomListener() kembali, dan akhirnya mengembalikan removeListener(). |
event | Tambah/tambah/tambah pemantau peristiwa. |
MouseEvent | Mengembalikan berbagai peristiwa tetikus dari peta dan lapisan yang di atas. |
Kawalan
Kawalan/Objek | Description |
---|---|
MapTypeControlOptions | Simpan opsi untuk mengubah kontrol (lokasi dan gaya). |
MapTypeControlStyle | Tentukan jenis kontrol peta yang akan ditampilkan (menu tarik turun atau tombol). |
OverviewMapControlOptions | Digunakan untuk merender pilihan tindakan peta ringkasan (buka atau tutup). |
PanControlOptions | Digunakan untuk merender pilihan tindakan geser (lokasi). |
RotateControlOptions | Digunakan untuk merender pilihan tindakan putar (lokasi). |
ScaleControlOptions | Digunakan untuk merender pilihan tindakan skala (lokasi dan gaya). |
ScaleControlStyle | Tentukan jenis kontrol skala yang akan ditampilkan. |
StreetViewControlOptions | Digunakan untuk merender pilihan pegman pemandangan jalan (lokasi). |
ZoomControlOptions | Digunakan untuk merender pilihan tindakan perbesaran (lokasi dan gaya). |
ZoomControlStyle | Tentukan jenis kawalan zoom yang akan dipaparkan (besar atau kecil). |
ControlPosition | Tentukan lokasi kawalan di atas peta. |
- Hal Sebelumnya Jenis Peta
- Hal Berikutnya Ringkasan SVG