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 🤘