Ketika halaman HTML berisi peta, dan pengguna menggulir ke bawah halaman menggunakan roda mouse mereka, ketika mouse pengguna melewati peta, halaman akan berhenti bergulir sementara peta itu sendiri akan menggeser. Lihat Demo1 .
Saya ingin meniru perilaku terperinci di Trik kegunaan sederhana untuk Google Maps menggunakan ArcGIS Server JS API 3.x.
Artinya, halaman tersebut harus bergulir kecuali jika pengguna secara eksplisit menyeret dalam peta, dalam hal ini peta harus digeser .
Perilaku ini hampir ada di Demo2 , di mana halaman bergulir bahkan jika mouse Anda berada di atas peta.
map.on("load", function(){
// Disable navigation by default, so scrolling the page doesn't scroll the map
map.disableMapNavigation();
// When the user tries to pan the map, allow this
map.on('mouse-drag-start', function(){
map.enableMapNavigation();
});
// Restore the no-scroll behaviour when the mouse leaves the map
map.on('mouse-out', function(){
map.disableMapNavigation();
});
});
Namun, pan peta tidak diaktifkan kecuali jika Anda mengklik pertama kali di dalam peta, lepaskan tombol mouse, dan kemudian pan. Apakah mungkin untuk mencapai efek mulus yang ditunjukkan dengan Google Maps di posting blog?
Saya mencoba mouse-drag, mouse-drag-startdan mouse-downacara tetapi perilakunya sama untuk semua acara.
enableMapNavigationharus segera setelah menginstal kembalimouse-drag-startacara tersebut. Saya menemukan dojotoolkit.org/reference-guide/1.10/dojo/Evented.html sebagai kelas dojo untuk memancarkan acara. Jadi, Anda akan menyeret (atau mengklik) pada peta -> mengaktifkan navigasi peta -> dalam fungsi yang sama memanggil acara seret (mungkin dapat hanya memohon atau mungkin memerlukan params) -> lanjutkan dengan menyeret bisnis Anda. Mungkin bisa mengambil mouse ke bawah dan menyeretnya. Boleh jadi kombo untuk mencoba acara-acara itu dalam urutan berbeda, dll.