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:

And the standard javascript like:

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:

Google map in the background

Need to find a lawyer for your business? Get in touch with my company Lexoo and we'll find you a great one for free.