Responsive google my maps

Explorer ,
Nov 25, 2017 Nov 25, 2017

Copy link to clipboard

Copied

Hi.

I know there is a widget for a responsive google maps, but I want to add a responsive google "my maps" that is another google application similar but customized, I can add it to my site with the embedded html but I would like to have it responsive. Is there a widget or a way to do that?

Views

649

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Explorer , Nov 27, 2017 Nov 27, 2017
I figure out how and its super easy. you just need to add this in the HTML code after the dimensions of the map: frameborder="0" style="width:100%; height:500px"> </iframe>this is how it looks at the final: <iframe src="https://www.google.com/maps/d/u/0/embed?mid=1Lue1vVFMSWVb22lxarSK7TCEcPeWa" width="640" height="480" frameborder="0" style="width:100%; height:500px"> </iframe>And thats all!

Likes

Translate

Translate
Adobe Community Professional ,
Nov 25, 2017 Nov 25, 2017

Copy link to clipboard

Copied

Well, even one of their examples isn`t responsive: Historical Tour and Educational Tour of Boston

Don`t have an idea – you could try to embed the iframe?

Just copy and paste this code into your muse:

Bildschirmfoto 2017-11-25 um 23.34.36.png

You see, it might be the only way to change it from breakpoint to breakpoint, change the values as you need it and place it where it has to be. I guess there´s no fluid responsiveness.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 27, 2017 Nov 27, 2017

Copy link to clipboard

Copied

I figure out how and its super easy.

you just need to add this in the HTML code after the dimensions of the map:
frameborder="0" style="width:100%; height:500px"> </iframe>

this is how it looks at the final:
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1Lue1vVFMSWVb22lxarSK7TCEcPeWa" width="640" height="480" frameborder="0" style="width:100%; height:500px"> </iframe>

And thats all!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 28, 2017 Nov 28, 2017

Copy link to clipboard

Copied

Great

Would you mind to provide a link of the published site to see it in www?

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Nov 28, 2017 Nov 28, 2017

Copy link to clipboard

Copied

Like Uwe requested, can you provide the URL of your site?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 01, 2017 Dec 01, 2017

Copy link to clipboard

Copied

LATEST

Mapas Completo

You can check it there, the responsiveness is only added till 768 width

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines