• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

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

834

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!

Votes

Translate

Translate
LEGEND ,
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

Votes

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!

Votes

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
LEGEND ,
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

Votes

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?

Votes

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

Votes

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