There is a js google map which in no way should be scaled at all. For a computer, this is enough:

zoomControl: false, scaleControl: false, scrollwheel: false, disableDoubleClickZoom: true, disableDefaultUI: true

But on mobile, on android in particular, the map continues to scale with standard gestures for zooming in / out.

How is it that 110% does not give the map a single chance of scaling?

PS And I’m talking about scaling the map, scaling the site to me anyway.

    2 answers 2

    stackoverflow tells us this answer:

     var tblock = function (e) { if (e.touches.length > 1) { e.preventDefault() } return false; } document.getElementById("mapWrapperId").addEventListener("touchmove", tblock, true);

    Instead of mapWrapperId, substitute the id of the parent block for maps.

    Source: https://stackoverflow.com/questions/10729067/gmaps-v3-disable-pinch-to-zoom-on-ipad-safari

    • No, dragging is moving the map, but I need to zoom. - Diskyp
    • @Diskyp changed the answer, try the new code. - Ivan Pshenitsyn
    • Yes, this code solved my problem, thank you! - Diskyp

    Alternatively, create a transparent div on top of the map.

    • Then I can not fully interact with it, and I only need to remove scaling. - Diskyp