Home/ Questions/Q 909993
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T16:58:23+00:00

I just need put one div (or more) inside or over map, something like

  • 0

I just need put one div (or more) inside or over map, something like a menu inside the map area,

I need when i load my map this div is there…

css can’t do it right?

that div contains php code…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, that can easily be done with CSS positioning. Consider the following short example:

    <!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
  <title>Google Maps v2 API: Floating Div</title> 
  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
          type="text/javascript"></script> 
</head> 
<body onunload="GUnload()"> 

  <div style="position: relative;">
    <div id="map_canvas" style="width: 400px; height: 300px;"></div> 
    <div style="position: absolute; top: 0px; 
                width: 100px; height: 100px; background-color: grey;">
      Menu Here
    </div>
  </div>

  <script type="text/javascript"> 
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(38.00, -100.00), 3);
  </script> 
</body>
</html>

    Screenshot:

    Google Maps v2 API: Floating Div

    • 0