Highlighted

Responsive maps

Engaged ,
May 01, 2018

Copy link to clipboard

Copied

Hi Again - sorry I am full of questions at the moment!

I's like to make my Google map responsive. I found this tutorial https://www.ostraining.com/blog/coding/responsive-google-maps/

https://www.ostraining.com/blog/coding/responsive-google-maps/

But it requires me to add CSS to a style sheet - which I dont know how to do.

Can anyone help me please? To either show me how to add the CSS or point me in the direction of a reposnive map that I can use on a contavt page to show a location of a business.

Many Thanks

Julia

Ive hidden the map in smaller breakpoints now for speed as I didnt have time to mess... when this project is completed and I have more time I will do a test file. Thanks

Views

204

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 maps

Engaged ,
May 01, 2018

Copy link to clipboard

Copied

Hi Again - sorry I am full of questions at the moment!

I's like to make my Google map responsive. I found this tutorial https://www.ostraining.com/blog/coding/responsive-google-maps/

https://www.ostraining.com/blog/coding/responsive-google-maps/

But it requires me to add CSS to a style sheet - which I dont know how to do.

Can anyone help me please? To either show me how to add the CSS or point me in the direction of a reposnive map that I can use on a contavt page to show a location of a business.

Many Thanks

Julia

Ive hidden the map in smaller breakpoints now for speed as I didnt have time to mess... when this project is completed and I have more time I will do a test file. Thanks

Views

205

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
May 01, 2018 0
Adobe Community Professional ,
May 01, 2018

Copy link to clipboard

Copied

I don`t understand your problem. Why not use the google maps widget out of the box?

Looks like this between fluid width breakpoints:

Bildschirmfoto 2018-05-01 um 21.34.20.png

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...
May 01, 2018 1
Engaged ,
May 01, 2018

Copy link to clipboard

Copied

Yes, Ive used Google maps but wanted to make it responsive so I dont have to keep changing it.

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...
May 01, 2018 0
Adobe Community Professional ,
May 02, 2018

Copy link to clipboard

Copied

That was what I wanted to show with my screenshot, it reacts fluid in fluid width breakpoints.

What`s your issue?

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...
May 02, 2018 1
May 03, 2018

Copy link to clipboard

Copied

Hey Julia,

Did we miss on something?

Because the native Google maps widget has the property to be set as responsive, see below;

Please update us if there is something else you are looking for.

Regards,

Ankush

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...
May 03, 2018 0
Engaged ,
May 03, 2018

Copy link to clipboard

Copied

It wasnt working, the map was till hanging off the page. Ive removed it from smaller breakpoints for now. I will have to re-visit at a later stage when I have more time on this 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...
May 03, 2018 0
Engaged ,
May 03, 2018

Copy link to clipboard

Copied

It didnt react, just hung off the page. I am using the map embed code from Google, is there another way?

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...
May 03, 2018 0
May 04, 2018

Copy link to clipboard

Copied

Can you please help us with a small .muse file with just the map you designed and all the breakpoints so I can see what could be the problem?

Thanks,

Ankush

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...
May 04, 2018 0
Engaged ,
May 04, 2018

Copy link to clipboard

Copied

Ive hidden the map in smaller breakpoints now for speed as I didnt have time to mess... when this project is completed and I have more time I will do a test file. Thanks

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...
May 04, 2018 1