Hi there, You can achieve a similar effect using CSS Mastery
See my crude re-created example: http://taledo.com.au/map_overlay.htm Basically, the wrapping DIV needs: 1. Aboslute positioning 2. A very small width (I've used 10px) 3. overflow:visible The ONLY consideration to this method is that all your inner elements (links, headings etc) need a defined width on them to correctly work. Just see my example and it will make sense Pete On Feb 21, 9:37 am, rowanc88 <[email protected]> wrote: > I'm making a page pretty similar to this -http://www.upstruct.com/contact > > Which has the same pitfall. > > The fact that the couple of divs I overlay on top of the full-page > Google Maps api stop you from interacting with the maps in the ground > they cover. > > Have a look at the example page to see what I mean. There's a div on > the left with the addresses of this company's two offices. The div > covers all of that space, and juts out into the maps as far as that > little grey "Weather forecast from..." message comes. > > The user can still see the maps through all of the blank space that > square makes, but can't interact with it. (Try dragging the map around > by clicking west of Ireland) > > I was wondering if there's a way to fix this? > > As I have pretty much no knowledge of javascript, I'm not sure if a > workaround needs to be done in html/css. Or if there is some way to do > it here. > > I realise why it happens, because a div is a block level element.. > taking up all that space etc etc etc... But I was just wondering. -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
