যখন কোনও এইচটিএমএল পৃষ্ঠায় একটি মানচিত্র থাকে এবং ব্যবহারকারী তাদের মাউস হুইলটি ব্যবহার করে পৃষ্ঠাটি নীচে স্ক্রোল করে, যখন ব্যবহারকারীর মাউস মানচিত্রের উপর দিয়ে যায় পৃষ্ঠায় স্ক্রোলিং থামবে যখন মানচিত্র নিজেই প্যান হবে। ডেমো 1 দেখুন ।
আমি আর্কজিআইএস সার্ভার জেএস এপিআই 3.x ব্যবহার করে গুগল ম্যাপের জন্য একটি সহজ ব্যবহারযোগ্যতা ট্রিকটিতে বিস্তৃত আচরণটি অনুকরণ করতে চাই।
অর্থাৎ পৃষ্ঠায় স্ক্রোল করা উচিত যদি না ব্যবহারকারী স্পষ্টভাবে মানচিত্র, যে ক্ষেত্রে মধ্যে drags মানচিত্র প্যান উচিত ।
আচরণটি ডেমো 2-তে প্রায় সেখানে রয়েছে , যেখানে আপনার মাউস মানচিত্রের উপরে থাকলেও পৃষ্ঠাটি স্ক্রল করে।
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();
});
});তবে মানচিত্রের প্যানটি সক্ষম করা যায় না যদি না আপনি প্রথমে মানচিত্রের মধ্যে একবার ক্লিক না করে, মাউস বোতামটি ছেড়ে দিন এবং তারপরে প্যান না করেন। গুগল ম্যাপের সাথে ব্লগ পোস্টে প্রদর্শিত বিরামবিহীন প্রভাব অর্জন করা কি সম্ভব?
আমি চেষ্টা mouse-drag, mouse-drag-startএবং mouse-downঘটনা কিন্তু আচরণ সব ইভেন্টের জন্য একই।
enableMapNavigationতত্ক্ষণাত প্রত্যাহার করার পরে চেষ্টা করতে পারেনmouse-drag-start। ইভেন্টগুলি নির্গত করার জন্য আমি একটি dojo ক্লাস হিসাবে dojotoolkit.org/references-guide/1.10/dojo/Evented.html পেয়েছি । সুতরাং আপনি মানচিত্রে টেনে আনুন (বা ক্লিক করুন) -> মানচিত্রের নেভিগেশন সক্ষম করুন -> একই ফাংশনে টেনে নিয়ে যাওয়ার ইভেন্টটি (কেবলমাত্র অনুরোধ করতে সক্ষম হতে পারে বা প্যারামগুলির প্রয়োজন হতে পারে) -> আপনার ব্যবসা টেনে আনতে পারেন। এটি মাউসটিকে নীচে নিতে এবং এটি দিয়ে টেনে আনতে সক্ষম হতে পারে। এই ইভেন্টগুলি বিভিন্ন অর্ডার, ইত্যাদিতে চেষ্টা করার চেষ্টা কেবলই হতে পারে