title: Gesture Handling AgmMap isn't working
body: <p>I am currently using AGM Map from <a href="https://angular-maps.com/" rel="nofollow noreferrer">https://angular-maps.com/</a>
  and I want to disable the zooming function when scrolling. Even after putting the gestureHandling = "'cooperative'" it still stays the same. is there any factor that might have been the reason it doesn't take my input?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.map-container {
      margin-top: 56px;
      margin-left: 0;
      padding: 0;
      -ms-overflow-x: hidden;
      overflow-x: hidden;
      overflow-y: scroll;
      position: relative;
      overflow: hidden;
  }
  
  .main-container {
      margin-top: 56px;
      margin-left: 235px;
      padding: 15px;
      -ms-overflow-x: hidden;
      overflow-x: hidden;
      overflow-y: scroll;
      position: relative;
      overflow: hidden;
  }
  agm-map{
      height: 100vh;
      width: 100vw;
       margin-left: 0;
       padding: 0;
       -ms-overflow-x: hidden;
       overflow-x: hidden;
       overflow-y: scroll;
       position: relative;
       overflow: hidden;
  
  }
  @media screen and (max-width: 992px) {
      .main-container {
          margin-left: 0px !important;
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div [@routerTransition] class="map-container"&gt;
  &lt;agm-map [latitude]="lat" [longitude]="lng" [zoom]='12' [gestureHandling]="'cooperative'"&gt;
      &lt;agm-marker [latitude]="lat" [longitude]="lng"&gt;&lt;/agm-marker&gt;
  &lt;/agm-map&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>