জুম গুগল ম্যাপে Ctrl + স্ক্রোলটি অক্ষম করুন

Question 1

কেউ কীভাবে CTRL+ অক্ষম করবেন তা জানেন Scroll?

প্রথমে যখন মাউস চাকাটি সরানো হয়েছিল তখন মানচিত্রটি জুম ইন / আউট হবে। তবে এখন এটি CTRLজুম ইন / আউট করতে + মাউস হুইল স্ক্রোল টিপতে বলে।

আমরা কীভাবে এই বৈশিষ্ট্যটি অক্ষম করব? ডকুমেন্টেশনে আমি কিছুই খুঁজে পাচ্ছি না:

https://developers.google.com/maps/docamentation/javascript/controls#ControlOptions

Question 2

আপনি পাস প্রয়োজন gestureHandling: 'greedy'আপনার মানচিত্রে অপশন।

ডকুমেন্টেশন: https://developers.google.com/maps/docamentation/javascript/interation#gestureHandling

উদাহরণ স্বরূপ:

const map = new google.maps.Map(mapElement, {
  center: { 0, 0 },
  zoom: 4,
  gestureHandling: 'greedy'
});

হালনাগাদ! গুগল ম্যাপস থেকে যেহেতু 3.35.6আপনাকে সম্পত্তিটি কোনও বিকল্পের মোড়কে আবদ্ধ করতে হবে:

const map = new google.maps.Map(mapElement, {
  center: { 0, 0 },
  zoom: 4,
  options: {
    gestureHandling: 'greedy'
  }
});

ealfonsoনতুন তথ্যের জন্য আপনাকে ধন্যবাদ

Question 3

আপনি যদি পুরো স্ক্রোল থেকে জুম অক্ষম করে ঠিক করেন তবে আপনি ব্যবহার করতে পারেন scrollwheel: false। আপনি যদি জুম নিয়ন্ত্রণ ( zoomControl: true) সরবরাহ করেন তবে ব্যবহারকারী জুম বোতামে ক্লিক করে মানচিত্রটি জুম করতে সক্ষম হবে ।

ডকুমেন্টেশন: https://developers.google.com/maps/docamentation/javascript/references ("স্ক্রোলওহিল" এর জন্য পৃষ্ঠাটি অনুসন্ধান করুন)

const map = new google.maps.Map(mapElement, {
  center: { 0, 0 },
  zoom: 4,
  scrollwheel: false,
  zoomControl: true
});

Question 4

আপনি যদি কেবল ওভারলেটি আড়াল করতে চাইছেন তবে তবুও স্ক্রোল এবং জুম করার ক্ষমতাটি (যেমন আগের মতো) অক্ষম করে রাখেন, আপনি ওভারলে লুকিয়ে রাখতে CSS ব্যবহার করতে পারেন:

.gm-style-pbc {
opacity: 0 !important;
}

নোট এটি মোবাইলের জন্যও এটি আড়াল করে রাখবে যাতে এটি "মানচিত্রটি সরাতে দুটি আঙ্গুল ব্যবহার করুন" দেখায় তা নিশ্চিত করতে আপনি এরকম কিছু ব্যবহার করতে পারেন:

@media only screen and ( min-width: 980px ) {
.gm-style-pbc {
opacity: 0 !important;
}
}

Question 5

পাখির gestureHandlingএকটি মধ্যে optionsসম্পত্তি সংস্করণ "3.35.6" আমাকে কাজ করেন।

map = new google.maps.Map(document.getElementById('map'), {
        zoom: 12,
        options:{
            gestureHandling: 'greedy'
        }
    });

Question 6

gestureHandling: 'greedy'মানচিত্রের উপরে আমার ওভারলে থাকা অবস্থায় আমি আমার পক্ষে কাজ করতে ঠিক করতে সক্ষম হইনি । আমি mousewheelইভেন্টটি সনাক্ত করে ctrlসম্পত্তিটি সত্য হিসাবে সেট করে শেষ করেছি ।

// Load maps and attach event listener to scroll event.
var $map = $('.map');
$map[0].addEventListener('wheel', wheelEvent, true);         

function wheelEvent(event) {
    // Set the ctrlKey property to true to avoid having to press ctrl to zoom in/out.
    Object.defineProperty(event, 'ctrlKey', { value: true });
}