Use a Google Map as the background of your webpage

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:

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