首页 > 编程语言> > php-地图内或地图上的Google Maps v2 div

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

2019-12-09 23:35:13 作者：互联网

我只需要在地图内部或上方放置一个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>

屏幕截图：

标签：google-maps,css,html,javascript,php
来源： https://codeday.me/bug/20191209/2097905.html