views:

103

answers:

0

I'm building an iphone web app, I have a google map embedded it has multiple points on the map, if I scroll around on the map it will sometimes move everything on the screen and get very glitchy. Is there some kind of code I need to prevent this? i've seen google maps that dont do this in mobile safari, for example http://search.missouristate.edu/map/mobile/ , this map does not do the glitchiness that I am experiencing. Im not sure specifically what part of the code in the missouri site makes it not glitch out. I found out that in the pastry kit stuff from apple they have a piece of code to disable scrolling

document.addEventListener('touchmove', function(e) {
  e.preventDefault();
}, true);

which is the piece above. But if I use this code I cant zoom or scroll inside of my google map. Let me add that I have a div navigation bar above my embedded google map. Any help would be greatly appreciated, thank you.