Disable scroll zoom on Google Maps

hi,

try this snippet in your theme header.php (below wp_head)

<script type="text/javascript">
jQuery(document).ready(function($){
 jQuery(document).bind('em_maps_location_hook', function( e, map, infowindow, marker ){
  map.scrollwheel = false;
 });
});
</script>

I’ve got the same problem. Still zooming in/out when I put code above in header, or in custom js file.

Also tried code below (code below second comment). I’ve tried many options, but didnt work.

Only If I add scrollwheel: false, in events-manager.js it works.

// Modifying Google Maps in Events Manager

jQuery(document).ready(function($){

jQuery(document).bind('em_maps_location_hook', function( e, map, infowindow, marker ){										

// Disable scroll zoom on Google Maps
google.maps.event.addListener(map, function() {
map.scrollwheel= false;
});		

// Setting the current zoomlevel of the map
 google.maps.event.addListenerOnce(map, 'bounds_changed', function() {
map.setZoom(17);
map.setCenter(marker.getPosition());
});

google.maps.event.addListener(map, 'center_changed', function() {
// 3 seconds after the center of the map has changed, pan back to the
// marker.
window.setTimeout(function() {
map.panTo(marker.getPosition());
}, 3000);
});

// Zoom to 15 when clicking on marker google.maps.event.addListener(marker,'click',function() {
 map.setZoom(15);
 map.setCenter(marker.getPosition());
 });

// Close infowindow by default, but I dont know how to do this
// OPTION: comment out infowindow lines in events-manager.js. This is // what I have done (lines 735-738)
// OR change infowindow.open(maps[map_id],marker); into infowindow.close();

// Styling Google Map Single Event
var styles = [
	{
	featureType: "all",
	elementType: "all",
	stylers: [
		]
		},{
	featureType: "road",
	elementType: "geometry",
	stylers: [
	{ lightness: 100 },
	{ visibility: "simplified" }
	]
	},{
	featureType: "road",
	elementType: "labels",
	stylers: [
	{ visibility: "on" }
	]
	},{
	featureType: "water",
	elementType: "all",
	stylers: [
	{ visibility: "on" },
	{ hue: "#15b1e4" }
	]
	}
	];

	map.setOptions({styles: styles});		

	});	

});

maps[map_id] = new google.maps.Map( document.getElementById('em-location-map-'+map_id), {
		    zoom: 14,
scrollwheel: false,
		    center: em_LatLng,
		    mapTypeId: google.maps.MapTypeId.ROADMAP,
		    mapTypeControl: false

@fatherb: A hook will be added to future versions but until then, you can use the code snippet to turn of mousewheel activity.

For those who can’t get the JS to work: have you checked for Javascript errors in the page?

Also, can you post a link to an event where we can test this please?

Thanks