I have a full page google map that i want to be able to put some images overlayed on the map. so far i have the following code:\[code\]<style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } #wrapper { position: relative; } #over_map { position: absolute; background-color: transparent; top: 10px; left: 10px; z-index: 99; } #over_map_right { position: absolute; background-color: transparent; top: 10px; right: 10px; z-index: 99; }</style>....<body> <div id="wrapper"> <div id="map_canvas" style="width:100%; height:100%"></div> <div id="over_map">Left hand stuff goes here</div> <div id="over_map_right">right hand stuff goes here</div></div> </body> \[/code\]This code seems right to me, but when open it, i get a plain white screen with just\[code\]<div id="over_map">Left hand stuff goes here</div><div id="over_map_right">right hand stuff goes here</div>\[/code\]displayed. is there another way to do this? Could it be done with iframes or something like that?mike
Div over Google map
- Thread starter HDscottie
- Start date