How do I disable scrolling on map? – Themeco Community

How do I disable scrolling on map?

Jerehmie C — Mon, 10 Feb 2014 16:51:23 +0000

When I’m scrolling though a page, and get to the map, the scroll wheel engages the map and begins to zoom in/out. I would like to disable this function.

Reply To: How do I disable scrolling on map?

Christian — Mon, 10 Feb 2014 18:03:46 +0000

Hey Jerehmie,

Thanks for writing in.

Can you provide us your embed code because it doesn’t scroll in our install.

Thanks.

Reply To: How do I disable scrolling on map?

Jerehmie C — Mon, 10 Feb 2014 18:19:48 +0000

Sure thing.

[/text_output][map class=”np-map” id=”northpark-map”]https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d13404.092463175826!2d-96.77564010239622!3d32.87110781100866!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1391640140690″ height=”450″ width=”600″ frameborder=”0″>[/map][/vc_column][/vc_row]

Reply To: How do I disable scrolling on map?

Kory — Mon, 10 Feb 2014 23:46:25 +0000

Hey Jerehmie,

Try entering in the following script in Customizer > Custom > JavaScript:

jQuery(document).ready(function($){
  $(document).bind('em_maps_location_hook', function( e, map, infowindow, marker ){
    map.set('scrollwheel', false);
  });
});

Thanks!

Reply To: How do I disable scrolling on map?

Jerehmie C — Tue, 11 Feb 2014 02:16:19 +0000

Nope, no love.

Reply To: How do I disable scrolling on map?

Kory — Tue, 11 Feb 2014 03:18:24 +0000

Try this without the document ready declaration:

jQuery(document).bind('em_maps_location_hook', function( e, map, infowindow, marker ){
  map.set('scrollwheel', false);
});

Thanks!

Reply To: How do I disable scrolling on map?

Ben S — Thu, 13 Feb 2014 14:34:34 +0000

I tried the most recent one, that didn’t work for me, either. It still zooms in/out once the mouse gets over the map. Makes Renew 10 especially difficult to use with a full-width map.

Here’s my embed code. Note, I’m using the Google Maps Engine.

Also, if you happen to know how to set the zoom level in the new embed code for Google Maps Engine, that would be much appreciated, as it doesn’t pull that over from the map I created.

Reply To: How do I disable scrolling on map?

Christian — Thu, 13 Feb 2014 15:19:36 +0000

Hey Ben,

I’m afraid the problem is beyond our scope of support. Using maps from Google Maps isn’t scrollable by default. But, since you are using one from Maps Engine you must use Maps API on your own.

This thread shows how to disable the scroll from the map. You’ll need to add on to it as per your needs.

We’re sorry but it is beyond our control.

Thank you for your understanding.

Reply To: How do I disable scrolling on map?

Angels V — Sat, 24 May 2014 19:36:01 +0000

I have the same problem, not using Maps Engine, but your shortcode.
http://fd.anuvol.eu/?page_id=6835

In a map shortcode:

https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2971.524701071113!2d3.1459543!3d41.860056199999995!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12bbab230fc1d4b5%3A0xb54e63fc160ed822!2sCarrer+Gregal%2C+15!5e0!3m2!1sca!2s!4v1400754739675″ width=”640″ height=”180″ frameborder=”0″ scrolling=”no”>

Reply To: How do I disable scrolling on map?

Rad — Sun, 25 May 2014 21:38:36 +0000

Hi Angels,

X map shortcode will just wrap your own map code to make it responsive. And X don’t provide any specific API for any map.

And by looking at it, you’re just using IFRAME map which google API is not possible.

Add this css at your customizer’s custom css.

.x-map {
  position:relative;
  }
  .x-map:before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:block;
  z-index :1000;
  width: 100%;
  height: 100%;
  }

Hope this helps.