Code:
----------------------------------------------------------------------------------------------------
<div id="map-container" style="z-index:2;"></div>
<script>
var opts = {
zoom: 19,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-container'),
opts);
</script>
----------------------------------------------------------------------------------------------------
after loading the map, the "map-container" div's z-index is set to 0,
why should this happen?
I want to show the map in a layer over other DOM elements. But the API
made this change to destroy what I suppose to do.
P.S. Actually, I use v2 before, but after discovering the "unable to
scroll zoom level ladder in IE6" bug (see the image link, and bug
issue link below, the bug issue seems no one is working on it), I
switched to v3, but the API rewrite the z-index. Now, what should I
use in this case?
image:
http://gmaps-api-issues.googlecode.com/issues/attachment?aid=6548097374062818461&name=Zoom_Control.jpg&token=17ff40c668922dfe7cf1e9aab1ebbf9b&inline=1
bug issue: http://code.google.com/p/gmaps-api-issues/issues/detail?id=2317
--
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.
