Para evitar el scroll con la rueda de desplazamiento del ratón dentro de nuestro mapa de google maps, hay que añadir el siguiente parámetro «scrollwheel» con valor «false» a las opciones de nuestro mapa:
scrollwheel: false
Un ejemplo de su uso en un mapa cualquiera utilizando la API v3 de googlemaps.
Dentro de las etiquetas HEAD insertamos los scripts:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function carga_mapa() {
var myLatlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false
}
var map = new google.maps.Map(document.getElementById("mi_mapa"), myOptions);
}
</script>
Y dentro del body de nuestro documento iniciamos la función al cargar el body y creamos el div con id («mi_mapa») para mostrar en su interior el mapa:
<body onload="carga_mapa()"> <div id="mi_mapa"></div> </body>
Agradezco tu comentario 🤘