Google Maps pengendalian ditetapkan
Sebuah peta Google - kontrol set default diatur:
Google Maps - control set default diatur:
Bila menggunakan peta standar google, pengaturan default adalah sebagai berikut:
- .Zoom- Menampilkan bar slider untuk mengontrol peta tingkat Zoom
- .PPan- Pada tampilan peta adalah mangkuk-seperti datar kontrol, klik pada empat sudut panci peta
- .MapType- Memungkinkan pengguna untuk memilih antara jenis peta (peta jalan dan satallite) switch
- .StreetView- Muncul sebagai ikon Pegman, Anda dapat tarik ke titik pada peta untuk membuka Street View
Google Maps - kontrol set
Selain di atas set kontrol default, Google juga:
- skala peta .Scale- Tampilan
- .Rotate- Tampilan lingkar kecil ikon, Anda dapat memutar peta
- .verview pandangan rencana peta- dari perspektif peta area luas
Bila Anda membuat peta Anda dapat menentukan set kontrol yang ditampilkan dengan menetapkan pilihan atau dengan menelepon setOptions () untuk mengubah peta opsi pengaturan.
Google Maps - mematikan kontrol set default
Anda mungkin ingin mematikan set default kontrol.
Untuk mematikan kontrol set default, mengatur properti untuk memetakan disableDefaultUI benar:
Google Maps - semua kontrol diatur untuk membuka
Beberapa kontrol mengatur tampilan default pada peta, sementara yang lain tidak akan, kecuali jika Anda mengatur mereka.
Mengatur kontrol untuk membuatnya terlihat benar - mengatur kontrol ke false untuk menyembunyikannya.
Contoh-contoh berikut terbuka semua kontrol:
contoh
zoomControl:true,
mapTypeControl:true,
scaleControl:true,
streetViewControl:true,
overviewMapControl:true,
rotateControl:true
Coba »
Google Maps - memodifikasi set kontrol
Beberapa kontrol peta yang dapat dikonfigurasi. Mengubah kontrol ditetapkan dengan mengembangkan lapangan pilihan kontrol.
F Misalnya, untuk mengubah opsi kontrol Zoom menentukan zoomControlOptions. zoomControlOptions berisi tiga pilihan berikut:
- .google.maps.ZoomControlStyle.SMALL- tampilan meminimalkan kontrol zoom
- .google.maps.ZoomControlStyle.LARGE- standar zoom slide show kontrol
- .google.maps.ZoomControlStyle.DEFAULT- peralatan berbasis dan ukuran peta, pilih kontrol yang paling tepat
contoh
zoomControlOptions : {
style : google . maps . ZoomControlStyle . SMALL
}
Coba »
Catatan: Jika Andaperlu mengubah kontrol, kontrol giliran pertama (set ke true).
kontrol lain adalah kontrol tipemap.
kontrol tipemap mungkin muncul di salah satu pilihan gaya berikut:
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR, di sebuah bar horisontal akan muncul sebagai satu set tombol kontrol seperti yang ditunjukkan pada Google Maps.
- google.maps.MapTypeControlStyle.DROPDOWN_MENU, untuk menampilkan tombol kontrol tunggal, yang memungkinkan Anda untuk memilih jenis peta dari menu drop-down.
- google.maps.MapTypeControlStyle.DEFAULT, untuk menampilkan "default" perilaku, yang tergantung pada ukuran layar dan dapat berubah di masa depan versi API.
contoh
mapTypeControlOptions: {
style:google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
Coba »
Demikian pula, Anda dapat menggunakan kontrol properti lokasi ControlPosition ditentukan:
contoh
mapTypeControlOptions: {
style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position:google.maps.ControlPosition.TOP_CENTER
}
Coba »
Google Maps - mengatur kontrol kustom
Membuat kontrol kustom untuk kembali ke London untuk acara Klik: (Jika peta diseret):
contoh
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = 'yellow';
controlUI.style.border='1px solid';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Set map to London';
controlDiv.appendChild(controlUI);
var controlText = document.createElement('div');
controlText.style.fontFamily='Arial,sans-serif';
controlText.style.fontSize='12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = '<b>Home<b>'
controlUI.appendChild(controlText);
Coba »