I needed to do the same thing without wanting to rewriting what Google
provides. Here's how I accomplished it:
<div id="directions-panel">
<div id="directions-panel-cover"></div>
</div>
div#directions-panel is what I set as the panel in my
DirectionsRenderer.
Here's the relevant CSS:
#directions-panel {
position: relative;
}
#directions-panel-cover {
position: absolute;
width: 100%;
height: 100%;
}
Essentially this creates an empty, transparent div that sits on top of
the directions panel div, so it blocks any mouse inputs. You may need
to tweak the element order or z-index values, depending on your
markup.
Tyler
On Oct 6, 1:03 am, Subodh Shah <[email protected]> wrote:
> Hi,
>
> Thanks for the response. What I was looking for a simple configurable
> way for it, rather than again redoing the same what google provides. [?]
>
> Thanks for your help.
> Subodh
>
> 330.png
> < 1KViewDownload
--
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.
