Thanks for the ideas David. Worked it out in the end - the API will load a div element within the map container below the level of the map, even when its given a maximum z-index. However, you can place a div above the container div and position it absolutely - then (and this is essential) give it a high z-index to set it above the map. e.g;
<div style="position: absolute; background-image:url(/imagepath.png); width: 7px; height: 100%; left: 50px; z-index: 9999;"></div> <div id="map_canvas"></div> I hope this helps others in the same situation. Its quite a dirty solution and can throw up a few issues so its really worth checking this code over in a few different browsers to be sure its okay. On Jul 28, 7:11 pm, David <[email protected]> wrote: > Either the z-index propertyhttp://www.w3schools.com/css/pr_pos_z-index.asp > or a div element within the map element. > > On Jul 28, 10:06 am, Kesuke <[email protected]> wrote: > > > > > Onhttp://maps.google.com, the map container has a small ~5px drop > > shadow running the length of the top and left sides. My guess is its a > > simple .png with transparency judging by how it reacts with the map. > > > Any ideas how they achieved this? - making the .png image is easy > > enough, but how did they overlay it on the map container?- Hide quoted text > > - > > - Show quoted text - -- 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.
