אלמנט מפה – האם יש דרך לגרום לו לא להגיב לעכבר בגלילה?

בגדול עושים את זה עם scrollwheel: false בקריאה ל- api של גוגל מפות… השאלה שלי היא האם יש דרך לעשות זאת ספציפית למפה מסויימת באתר ולא לכל המפות, ואיך אפשר להטמיע את השינוי בקוד כחלק מערכת בת ולא ע״י שינויים של הת׳ים הראשי.

תודה 🙂

מצאתי את זה:
http://stackoverflow.com/questions/24768772/prevent-a-google-maps-iframe-from-capturing-the-mouses-scrolling-wheel-behavior

יש שם פיתרון חמוד.

אז הוספתי את ה- js הזה:

jQuery(document).ready(function () {

        // you want to enable the pointer events only on click;

        jQuery('.pojo-google-map-wrap iframe').addClass('scrolloff'); // set the pointer events to none on doc ready
        jQuery('.pojo-google-map-wrap').on('click', function () {
            $('.pojo-google-map-wrap iframe').removeClass('scrolloff'); // set the pointer events true on click
        });

        // you want to disable pointer events when the mouse leave the canvas area;

        jQuery(".pojo-google-map-wrap iframe").mouseleave(function () {
            jQuery('.pojo-google-map-wrap iframe').addClass('scrolloff'); // set the pointer events to none when mouse leaves the map area
        });
    });

ואת ה- css הבא:

.scrolloff {
        pointer-events: none;
    }

מה שנתן לי פיתרון סביר.