-
Posts
-
Hi there,
I’ve found this thread: https://kriesi.at/support/topic/google-maps-in-full-width-slider
But what that does, is it creates like a 5px bottom padding that I can’t attribute to anything… Any idea where it’s coming from?
http://mep.raffeltest.nl/contact/
Thanks!
Also, how do I stop the Google Maps to allow scrolling within the iframe? If you view the page on mobile now, it’s difficult to go through the page.
1) You can remove the white space with following css code
#fullwidthmap .avia-builder-widget-area {
margin-bottom: -6px !important;
}2) In wp-contentthemesenfoldframeworkphpclass-framework-widgets.php replace
var myOptions = {
zoom:".$zoom.",
mapTypeControl:true,
mapTypeId:google.maps.MapTypeId.".$type.",
mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl:true,
navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL},
center:latlng
};with
var myOptions = {
zoom:".$zoom.",
mapTypeControl:true,
mapTypeId:google.maps.MapTypeId.".$type.",
mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl:true,
navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL},
center:latlng,
draggable: false
};First one works, thanks! Stupid I didn’t think of that…
Second one doesn’t work though, sadly. I can still drag it around :/
Another issue, is that when I put the Google Maps widget on a different page, it breaks the parallax image elsewhere on the page. Any idea what causes that?
1) I tested the code on my test server and the draggable: false setting and the code I posted above works. Note that it will only work with the Enfold Maps widget and will not affect third party google map plugins or iframes you generated with a map generator. I didn’t find the draggable: false setting in the source code on this page: http://mep.raffeltest.nl/vestigingen/amsterdam/ and it seems like you didn’t modify the file yet.
2) Can you post a link to the parallax website please? I didn’t notice any issues on this page: http://mep.raffeltest.nl/vestigingen/amsterdam/
1. Added the draggable/scrollwheel settings as you told me to and that works like a charm when I use with the widget, on my offices pages, thanks!
For the contact page however, I need a map with a whole bunch of our offices on it – I’m pretty sure I can’t do that with the Enfold Widget, so I used an iframe within the Layerslider to fix that. There’s a solution that seems to work to it on Stack Overflow, but I have no idea where to put the code. Any idea? http://stackoverflow.com/questions/7534888/embed-google-maps-on-page-without-overriding-iphone-scroll-behavior
2. Sorry, cache issue :)
Tbh I’m not sure if the iframe supports the draggable option. If you want build advanced maps without taking care of code modifications I recommend to use this plugin: WP Google Maps. I tested it with Enfold and it’s very intuitive & easy to use and it integrates well into our theme. You can create an unlimited number of maps & markers, re-size the maps, etc.
It also allows you to activate/deactivate the dragging function. Just go to Maps > Settings and check the “Disable Mouse Dragging” checkbox.
- The topic ‘Full width Google Maps’ is closed to new replies.