CODEWITHSUNDEEP
javascriptipadgoogle-maps-api-3
Jonathan Wagner
Jonathan Wagner

Reputation: 132

Google Maps API v3 Disable Pinch to Zoom on iPad Safari

I am trying to figure out how to disable the default pinch to zoom functionality on the Google Maps API V3 with Javascript. I tried detecting the touchstart events on the document and nested divs but to no avail. Anyone have any ideas how I can disable this functionality?

Notes I have tried iterating through all the DOM elements looking for the ontouchstart events on an interval looking for a way to potentially build a hack but I can't seem to locate any at (using my iPad), so I am unsure how they are even doing it.

Upvotes: 2

Views: 3057

Answers (1)

Jonathan Wagner
Jonathan Wagner

Reputation: 132

I figured out a solution, since my project is full screen the following code did the trick.

var tblock = function (e) {
    if (e.touches.length > 1) {
        e.preventDefault()
    }

    return false;
}

document.body.addEventListener("touchmove", tblock, true);

Upvotes: 6

Related Questions