Ever want to fill up the screen with a Google Map and make it the background? We wanted to do that for the location pages on Lexoo.
Here's an example of what I'm talking about: https://www.lexoo.co.uk/services/terms-and-conditions-lawyers/london
Turns out it's pretty easy to do.
Let's say you have basic markup like this:
Then what you want to do is absolutely position the map, and pin it to the top/left/right/bottom sides. The container div is where you put everything that you want to float on top of the map.
And boom - you've got a Google Map in the background that looks like: