Highlighted

Responsive google my maps

Explorer ,
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?

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!

Views

607

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

Responsive google my maps

Explorer ,
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?

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!

Views

608

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
Nov 25, 2017 0
Adobe Community Professional ,
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
Reply
Loading...
Nov 25, 2017 1
Explorer ,
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
Reply
Loading...
Nov 27, 2017 0
Adobe Community Professional ,
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
Reply
Loading...
Nov 28, 2017 1
Adobe Employee ,
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
Reply
Loading...
Nov 28, 2017 1
Explorer ,
Dec 01, 2017

Copy link to clipboard

Copied

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
Reply
Loading...
Dec 01, 2017 0