Scrollrad beim Zoom von Google Maps deaktvieren

Ihr kennt die Problematik vielleicht, dass beim scrollen einer Webseite, auf der eine breite Google Karte eingebettet ist, dann die Karte gezoomt wird, statt dass die Webseite weiter gescrollt wird. Das kann sehr nervend für den Besucher Eurer Webseite sein.

Wenn ihr Google Maps mit der API z.B. in einem Seitentemplate einbauen möchtet gibt es einen passenden und hilfreichen Parameter, mit dem das Scroll-Maus-Ereignis und der Zoom auf den Karten geändert werden kann. 

In der Version V3 der Google Maps API, hat Google den neuen Parameter “scrollwheel” hinzugefügt, den man mit true oder false angeben kann:

scrollwheel: false

Dies bedeutet, dass der einzige Weg die Google Karte zu vergrößern bzw. zu verkleinern, die Zoom-Steuerelemente auf der linken Seite der Karte sind.

var MyMapOptions = {
	zoom: 12,
	mapTypeId: google.maps.MapTypeId.SATELLITE,
	scrollwheel: false      
}
 
mymap = new google.maps.Map(document.getElementById("mymap"), MyMapOptions);