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

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

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

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

CSS不能做对吗?

该div包含PHP代码

最佳答案
是的,这可以通过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>

屏幕截图:

猜你在找的CSS相关文章