How to set google map without controls + fullwidth?

A

abbrakadabbra2016-01-09 17:00:22

HTML

abbrakadabbra, 2016-01-09 17:00:22

The task is to embed a map in the layout so that it is the entire width of the screen. I found the address I needed, made an embed card and got the code. But there are 2 problems:
1) There are controls on the map (they are not needed, a blank map is needed).
2) There is no way to make the width 100% (I tried changing the width attribute and writing through styles - it doesn’t allow me to change it.
Tell me how to do this?
PS Is it possible to make the width 100% + (but!) Fix the position of the card I need in the block? ( so that the address flag does not jump at different resolutions.)
Thank you in advance for your help!

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

A

Alexey Strukov, 2016-01-09
@abbrakadabbra

www.w3schools.com/googleAPI/default.asp Everything
is there)

A

Anton, 2016-01-09
Semenov

Well, as if width="100%" works
, here we change 600 to 100% and that's it:

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d157980.5466730287!2d0.3774905759964454!3d42.6296948373597!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1452348544609" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>