1

I've disabled dragging on my Google Maps component, here's an example: http://jsfiddle.net/qr2BJ/7053/

However when I'm browsing on my iPhone I can't swipe down "on" the map. So, when the map is taking up most of the screen, mobile users won't be able to swipe (scroll) down to view the rest of the page.

Is there a way to fix this, apart from sticking an extra empty div on top of Google Maps?

gobernador
  • 5,659
  • 3
  • 32
  • 51
Jorg
  • 11
  • 1
  • 3
  • Actually, whenever a user swipes on the map, its actually registered as he is trying to "drag" the map, which obviously your code does not allow. Therefore, your page is not scrolling I think an empty div is the only solution. – Ashwin Singh Jun 25 '12 at 10:07
  • Also, please paste your code here rather than on jsFiddle. – gobernador Jun 25 '12 at 21:19

1 Answers1

0

I had the same problem on android devices. As they are running on webkit I guess the cause is the same as for iphone. Anyways, a post on the following link addressed the issue and the first answer worked for me: Embed Google Maps on page without overriding iPhone scroll behavior

Community
  • 1
  • 1
kaore
  • 1,288
  • 9
  • 14