Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Problem in Enable ctr + scrollwheel to zoom in Google Maps Api

See original GitHub issue

Gesture handling settings to enable ctr + scrollwheel to zoom is not working. App using angular version 4.4.4 and agm version is 1.0.0-beta.1. I set the parameters as follows

<agm-map
                [latitude]="mapCenter.lat"
                [longitude]="mapCenter.lng"
                [fitBounds]="latlngBounds"
                [styles]="styles"
                [zoom]="11"
                [gestureHandling]="'cooperative'">
</agm-map>

Still it is zooming on scroll without press ctrl.

Issue Analytics

State:
Created 5 years ago
Reactions:4
Comments:15 (1 by maintainers)

Top GitHub Comments

10reactions

PaulDLWcommented, Aug 22, 2018

Setting the ‘scrollwheel’ input to undefined/null seemed to work for me.

<agm-map [scrollwheel]=null></agm-map>

6reactions

n0minalcommented, Sep 26, 2018

Nevermind, just realized I had to use scrollwheel null to get gestureHandling cooperative to work:

<div class="col-12"> <agm-map [latitude]="51.678418" [longitude]="7.809007" [scrollwheel]="null" [gestureHandling]="'cooperative'"> <agm-marker [latitude]="51.678418" [longitude]="7.809007"></agm-marker> </agm-map> </div>