-
AuthorPosts
-
September 5, 2013 at 7:49 am #29042
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!
September 5, 2013 at 7:51 am #139529Also, 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.
September 5, 2013 at 8:43 am #1395301) 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
};September 5, 2013 at 11:06 am #139531First one works, thanks! Stupid I didn’t think of that…
Second one doesn’t work though, sadly. I can still drag it around :/
September 5, 2013 at 3:29 pm #139532Another 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?
September 6, 2013 at 7:53 am #139533FYI, I just updated, both issues are still happening :)
September 6, 2013 at 9:04 am #1395341) 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/
September 6, 2013 at 9:57 am #1395351. 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 :)
September 6, 2013 at 2:43 pm #139536Tbh 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.
-
AuthorPosts
- The topic ‘Full width Google Maps’ is closed to new replies.