[Resolved] Google maps embed

[Christopher]

Hey guys,
I want to embed a google map HTML code, but its displaying it in only the left side of the container: https://montenegrotower.com/location/

I tried making the container wider, but the map stays in the left corner. How could I have the entire space working to display the map? I would actually also prefer if the map goes a bit wider than the rest of the content to towards the left and ride edge, as indicated in this scerenshot. Whats the best way to achieve that?

Thanks,
Chris

[David]

Hi there,

the map embed code you have defines the width and height.

If you take your code and try adding it to this site to create a responsive embed code:

https://embedresponsively.com

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Christopher]

Thanks! that worked. I wonder if I can define the default zoom rate as well? I tried generating the code from the zoom level I would like to use, but it always zooms back in sadly.

[David]

You should be able to set that in the map before creating the embed.

So if you find the location on Google Maps, and set the Zoom level you want, then Click Share -> Embed the code it generates should hold the zoom level you were at

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Christopher]

Thanks, now it works! Somehow I tried that earlier before writing it here and it didnt work, but all now. thanks!

[David]

Glad to hear that!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts