…i threw in all those z-indexes just to try and get it to work!
Tried your suggestion and it still doesnt work…when i do a refresh i see that the png div loads in position, however then google map loads over it.
I dont know if it has any relevance, but i use this .js to load it:
var centerLatitude = 44.138856;
var centerLongitude = 10.651245;
var startZoom = 13;
var map;
function init() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setUIToDefault();
var location = new GLatLng(centerLatitude, centerLongitude);
map.setCenter(location, startZoom);
var marker = new GMarker(location)
map.addOverlay(marker);
}
}
window.onload = init;
window.onunload = GUnload;
Just out of curiosity, what is the PNG image that you’re trying to position on top of the map? If it’s a marker then you ought to plot it using the API. Then again, I guess you knew that already.
If all you’re trying to do is position a static image or button over the map then yes, it can be done and it should be quite simple.
Example, go to www.busventure.net – it’s something I’m doing for a German client.
See that map icon on the right?
Click it and an interactive Flash map will load
Click on any country
You’ll get info for that country and a photo
Click the button on top of the photo that says “show route map”
Yep - I just tested it on my google maps. The image has to be outside the id map div. Just put another container around the div id map and give that position relative and position the image absolutely within this new container.
lovely…thanks chaps, all works …i was going to post that it failed completely in IE, then i realised i hadnt closed the surrounding div correctly (mozzila can be very good at interpreting bad code!)