I've got a maps application that only supports North America.  If a
user enters a location out of my supported region, I want to display a
semi-transparent overlay over the map with a message saying "You have
requested a location that is not supported at this time".

I don't want to use an alert() message, and I don't want them to have
to click any buttons to acknowledge the error.

So far I've tried:

<div id="div_map" style="width: 500px; height: 310px;">
        <div id="overlay" style="z-index:2">
                <p>The location you selected is in an unsupported country.  The 
map
feature is not available.</p>
        </div>
</div>

I was planning to have the "overlay" div show and hide using
javascript, but the map seems to pop to the front and obscures the
overlay.

Does anyone have any advice on this?

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Maps API" 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-API?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to