title: Touch Events not working with Google Maps in Angular
body: <p>I am using Google Maps javascript API within an angular application. When using the app in Google Chrome on a regular desktop machine with a mouse, various navigation features (pan/zoom) work in the google maps part of the application just fine. However, when I try to use touch gestures on a windows 8.1 screen, the maps do not recognize any of the pan or zoom gestures. If I pinch to zoom, nothing happens. If I double tap on the screen like a mouse, then maps will zoom in. If I drag with a finger, the browser window handles the touch events instead of the maps div, so left and right navigates page history and up and down dragging scrolls the whole page instead of panning the maps. </p>
  
  <p>As another experiment, I tried using google maps <a href="http://maps.google.com" rel="nofollow noreferrer">http://maps.google.com</a> itself inside of Chrome, and it worked fine. So that means that it can be done somehow....</p>
  
  <p>So, is it a viewport meta tag type of thing? Or does it have to do with sizing the map element? Or is it an angular thing and we need to do something with ngTouch somehow to allow the app to respond to touch events? </p>
  
  <p><strong>Update:</strong> the touch events <em>do</em> work on the same page on an iPad. I'm not sure what that says, but it's encouraging that at least it works on mobile safari. It seems that we need to communicate something to Angular to tell it to accept the touch events.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>This issue was handled in the bug </p>
  
  <p><a href="https://issuetracker.google.com/issues/35824421" rel="nofollow noreferrer">https://issuetracker.google.com/issues/35824421</a></p>
  
  <p>and was solved in version 3.27 of Google Maps JavaScript API in December 2016.</p>