The problem is that you can't interact with the maps, for example if you have a marker under the shadow right ? So the shadow need to be as small as possible.
On 28 juil, 21:53, Kesuke <[email protected]> wrote: > 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 > > >shadowrunning 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.
