setting google map as a background

6 replies
  • WEB DESIGN
  • |
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
#background #google #map #setting
  • Profile picture of the author dandelioncs
    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 ?
    {{ DiscussionBoard.errors[9108734].message }}
  • Profile picture of the author ronrule
    Wouldn't you just set the container z-index lower than the rest of the site, then expand out to 100% width & height?
    Signature

    -
    Ron Rule
    http://ronrule.com

    {{ DiscussionBoard.errors[9108744].message }}
  • Profile picture of the author dgmufasa
    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
    {{ DiscussionBoard.errors[9110958].message }}
    • Profile picture of the author ronrule
      Originally Posted by dgmufasa View Post

      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
      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.
      Signature

      -
      Ron Rule
      http://ronrule.com

      {{ DiscussionBoard.errors[9111067].message }}
  • {{ DiscussionBoard.errors[9111928].message }}
  • Profile picture of the author dgmufasa
    Thanks will look into it

    Found a sample as well here:
    Explorable Theme Preview
    {{ DiscussionBoard.errors[9112810].message }}

Trending Topics