setting google map as a background

by 6 replies
7
Hi all,

Lately I have been seeing sites that have a google map as a background. It also looks like you can enter an address and it will pop up on it. Looks pretty neat.

Does anyone know how this is done? It looks like some kind of HTML5 input (I don't think it will work with older browsers).

TIA
#website design #background #google #map #setting
  • Do you mean as a background "background"? Or part of the website has a big Google Map?

    I never seen the one with Google Map as a background, would you please share link so I could see it ?
  • Wouldn't you just set the container z-index lower than the rest of the site, then expand out to 100% width & height?
  • Hi and thanks for the response!

    @dandelioncs - I would need to hunt for the last ones I saw ;P

    @ronrule - would this still allow for the mapping functionality to work (like if I had typed in a zipcode, I would see Google pins on it)? I got the feeling that it would work somewhat similar to this: Zendesk.com | Customer Service Software | Support Ticket System
    • [1] reply
    • It should still work, technically it's not a "background" per HTML spec, it's just a borderless, marginless div set below other elements. Any areas that didn't have another div on top of them would still be clickable and functional.
  • Try this :
    Use Google Maps as a Background of your Webpage ← Vietnam visa in Malaysia
    • [ 1 ] Thanks
  • Thanks will look into it

    Found a sample as well here:
    Explorable Theme Preview
Join the discussion

Next Topics on Trending Feed