Google Maps v2 div внутри или над картой

Мне просто нужно поставить один div (или больше) внутри или над картой, что-то вроде меню внутри области карты,

Мне нужно, когда я загружаю свою карту, этот div есть …

css не может сделать это правильно?

что div содержит php-код …

Related of "Google Maps v2 div внутри или над картой"

Да, это легко сделать с позиционированием CSS. Рассмотрим следующий короткий пример:

<!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> 

Скриншот:

API Google Maps v2: плавающее Div

Это работало для меня в Google Maps API3.

Когда мои раскрывающиеся элементы меню теперь накладывают Google Maps API3 в правильном порядке.

Это важный код css:

 .menudropdown { position: fixed; z-index:2; } #map { position: absolute; z-index:1; }