Google map embed

mallorykite · November 2015

Hi,

I'd like to do such thing in a page: http://www.f-onesup.com/Locator

I tried inserting this google map (https://www.google.com/maps/d/viewer?mid=z_jmgEDTPYKY.kW28WibTTZvI) into a page with the embed code but it doesn't work: <iframe src="https://www.google.com/maps/d/embed?mid=z_jmgEDTPYKY.kW28WibTTZvI" width="640" height="480"></iframe>

Could you please advise?

Thanks!

Albert · November 2015

Hi,

please send us url to page where you tried to embed this map and we'll have a look on it. The url you sent above, is not our theme.

mallorykite · November 2015

Here: http://division-nautica.com/?page_id=1909

There is a google map embed code and a Map item below.

What I want is to insert this map (https://www.google.com/maps/d/viewer?mid=z_jmgEDTPYKY.kW28WibTTZvI) with the different markers.

Please tell me what's the best way to do so.

Thanks

Albert · November 2015

Ok, everything is clear now. But did you read what for CODE item is in the documentation? If you didn't then please check CODE item http://themes.muffingroup.com/betheme/documentation/#muffin-builder and you will understand what you did wrong

Instead of CODE, you supposed to use COLUMN item.

mallorykite · November 2015

Ok Thanks!

Now if I want to make it fullwidth and responsive do I have to paste this in custom css? Thanks

.googlemap {
position: relative;
padding-bottom: 75%; /* 4:3 ratio*/
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

Albert · November 2015

Yes, each css should be stored under Theme options > Custom CSS & JS > Custom CSS section. But please notice that some layout styles may be blocked by our styles and you may need to play with SECTION settings.

mallorykite · November 2015

Hi,

Sorry I pasted it but nothing happens... Could you please help me with doing the google map responsive?? I checked the SECTION settings but can't find it in the items and it doesn't really explain how to do it.

Thanks!

Albert · November 2015

Sorry but we do not offer such customization unfortunately. This item does not come from our theme and that's why we don't know what may be wrong. If you want to use responsive map, you supposed to use our MAP item instead.

mallorykite · November 2015

Is it possible with your Map item to make several markers and that when you click it it shows some information ?

Albert · November 2015

It is possible to make several markers but it is not possible to display some information for each marker.

Google map embed

Comments