I have two websites, both using the same technology stack and providing maps to users via the Google Maps Javascript API.
On Safari for iOS, one of the sites allows me to pinch to zoom and use two fingers to pan. On the other, pinch-to-zoom will magnify the whole page, and two-finger swiping tries to scroll the whole page.
I can’t figure out what is causing the difference in behavior or how to get the second site to respect gestures to control the map. I’ve tried changing the viewport to prevent user scaling, and I’ve tried changing gestureHandling to greedy, and neither worked.
Here are the two sites:
Working correctly: https://www.odonatacentral.org/app/#/maps/?filterqs=%7Cexcludedotmap%7Cexcludeinat
