Remova o scroll do seu Google Maps

Não há nada mais chato para quem está navegando, se deparar com um google maps que não te deixa chegar ao final da página.

Eu particularmente odeio isso e é por isso que não abro mão dessa dica.

Para começar, use uma variável global:

var drgflag=true;

Logo após, insira esse bloco de código para detectar se o acesso é através de um mobile e então setar o draggable das suas opções do mapa como "false":

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
alert(mobile);
map.setOptions({ 'draggable': false });
}

Então inicialize o seu mapa com:

var myOptions = {
zoom: 5,
scrollwheel: false,
draggable: drgflag,
center: new google.maps.LatLng(sua_latitude, sua_longitude),
mapTypeId: google.maps.MapTypeId.ROADMAP,
}
map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

E boa sorte!

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.