Custom InfoWindow Scrolling Issue

[kelvinw88]

Hi,

This is the site I am working on https://antsquare.com/map.
There are only markers in seattle area.

I have a custom window that can scroll within. But google map takes that scroll event to zoom in and out.
Anyone have any idea how to stop map listening to the scrollEvent inside the custom info window?

Thanks,
Kelvin

[nmccready]

+1 are no longer necessary in github. Please use the emoji icon "thumbs" up instead.

[nmccready]

First looking at google and stack overflow.

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=block%20google%20maps%20scroll%20event%20infowindow

Below is a JQuery method, but this should be fairly achivable via angular as well. YMMV
http://stackoverflow.com/questions/14442311/disable-mouse-scroll-wheel-scaling-with-google-maps-v3-while-in-an-infowindow

[pdoise]

Thanks for reply.
I ended up doing something similar. Since I'm only using one window at a time, when you click a marker I disable map scroll. When you close a window I enable map scroll. Would prefer to have map scrollable at all times except when pointer is inside an info window since my window has it's own scroll, but this could work.
Thanks.

    vm.map = {
      center: {
        latitude: vm.userLat || 39.73,
        longitude: vm.userLng || -104.99
      },
      zoom: 14,
      options: {
        scrollwheel: true
      },
      markerEvents: {
        click: function(marker, eventName, model, argument) {
          vm.map.window.model = model;
          vm.map.window.show = true;
          vm.map.options.scrollwheel = false;
        }
      },
      window: {
        marker: {},
        show: false,
        closeClick: function() {
          vm.map.window.show = false;
          vm.map.options.scrollwheel = true;
        }
      }
    };