php-地图内或地图上的Google Maps v2 div

前端之家收集整理的这篇文章主要介绍了php-地图内或地图上的Google Maps v2 div 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我只需要在地图内部或上方放置一个div(或更多),例如地图区域内的菜单,

我在加载地图时需要这个div …

CSS不能做对吗?

该div包含PHP代码

最佳答案
是的,这可以通过CSS定位轻松完成.考虑以下简短示例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <Meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  5. <title>Google Maps v2 API: Floating Div</title>
  6. <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
  7. type="text/javascript"></script>
  8. </head>
  9. <body onunload="GUnload()">
  10. <div style="position: relative;">
  11. <div id="map_canvas" style="width: 400px; height: 300px;"></div>
  12. <div style="position: absolute; top: 0px;
  13. width: 100px; height: 100px; background-color: grey;">
  14. Menu Here
  15. </div>
  16. </div>
  17. <script type="text/javascript">
  18. var map = new GMap2(document.getElementById("map_canvas"));
  19. map.setCenter(new GLatLng(38.00,-100.00),3);
  20. </script>
  21. </body>
  22. </html>

屏幕截图:

猜你在找的CSS相关文章