首页 > 编程语言> 文章详细

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

2019-12-09 23:35:13 阅读：199 来源： 互联网

标签：google-maps css html javascript php

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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