Kontrol Google Maps
Google Maps - Kontrol Default
Saat menampilkan peta Google standar, ia dilengkapi dengan set kontrol default:
- Zoom - menampilkan tombol penggeser atau "+/-" untuk mengontrol tingkat zoom peta
- Pan - menampilkan kontrol pan untuk menggeser peta
- MapType - memungkinkan pengguna beralih di antara jenis peta (peta jalan dan satelit)
- Street View - menampilkan ikon Pegman yang dapat diseret ke peta untuk mengaktifkan Street View
Google Maps - Kontrol Lainnya
Selain kontrol default, Google Maps juga memiliki:
- Skala - menampilkan elemen skala peta
- Putar - menampilkan ikon lingkaran kecil yang memungkinkan Anda memutar peta
- Peta Ikhtisar - menampilkan peta ikhtisar thumbnail yang mencerminkan area pandang peta saat ini dalam area yang lebih luas
Anda dapat menentukan kontrol mana yang akan ditampilkan saat membuat peta (di dalam MapOptions) atau dengan memanggil setOptions() untuk mengubah opsi peta.
Google Maps - Menonaktifkan Kontrol Default
Anda mungkin ingin mematikan kontrol default.
Untuk melakukannya, setel properti disableDefaultUI Peta (di dalam objek Opsi peta) menjadi true:
Contoh
var mapOptions {disableDefaultUI: true}
Google Maps - Aktifkan Semua Kontrol
Beberapa kontrol muncul di peta secara default; sementara yang lain tidak akan muncul kecuali Anda mengaturnya.
Menambahkan atau menghapus kontrol dari peta ditentukan dalam objek Opsi peta.
Atur kontrol ke true untuk membuatnya terlihat - Atur kontrol ke false untuk menyembunyikannya.
Contoh berikut mengaktifkan "on" semua kontrol:
Contoh
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
Google Maps - Memodifikasi Kontrol
Beberapa kontrol peta dapat dikonfigurasi.
Kontrol dapat dimodifikasi dengan menentukan bidang opsi kontrol.
Misalnya, opsi untuk memodifikasi kontrol Zoom ditentukan di bidang zoomControlOptions. Bidang zoomControlOptions mungkin berisi:
- google.maps.ZoomControlStyle.SMALL - menampilkan kontrol zoom mini (hanya tombol + dan -)
- google.maps.ZoomControlStyle.LARGE - menampilkan kontrol slider zoom standar
- google.maps.ZoomControlStyle.DEFAULT - memilih kontrol zoom terbaik berdasarkan perangkat dan ukuran peta
Contoh
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
Catatan: Jika Anda mengubah kontrol, selalu aktifkan kontrol terlebih dahulu (setel ke true).
Kontrol lain yang dapat dikonfigurasi adalah kontrol MapType.
Opsi untuk memodifikasi kontrol ditentukan di bidang mapTypeControlOptions. Bidang mapTypeControlOptions mungkin berisi::
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - tampilkan satu tombol untuk setiap jenis peta
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - pilih jenis peta melalui menu tarik-turun
- google.maps.MapTypeControlStyle.DEFAULT - menampilkan perilaku "default" (tergantung pada ukuran layar)
Contoh
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
Anda juga dapat memposisikan kontrol, dengan properti ControlPosition:
Contoh
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}