html在百度地图上添加一个悬浮div
2018-02-02 15:26
316 查看
html在百度地图上添加一个悬浮div
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {
width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";
}
#up-map-div{
width:300px;
height:100px;
top:30px;
left:30px;
position:absolute;
z-index:9999;
border:1px solid blue;
background-color:#FFFFFF;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
</head>
<body>
<div id="allmap"></div>
<div id="up-map-div">
悬浮div,让它悬浮在地图上面
</div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {
width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";
}
#up-map-div{
width:300px;
height:100px;
top:30px;
left:30px;
position:absolute;
z-index:9999;
border:1px solid blue;
background-color:#FFFFFF;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
</head>
<body>
<div id="allmap"></div>
<div id="up-map-div">
悬浮div,让它悬浮在地图上面
</div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>
相关文章推荐
- 如何在HTML中添加插入自定义的百度地图
- jQuery实现动态添加和删除一个div
- 用jQuery向div中添加html文本内容的简单实现
- html百分比页面中两个并列div在添加边框后,div被挤出
- input file控件限制上传文件类型 网页上添加一个input file HTML控件: 1 <input id="File1" type="file" /> 默认是这样的,所有文件类
- 用jQuery向div中添加Html文本内容的简单实现
- 一个发邮件的类,带验证功能,可以发html内容,可以添加附件,并解决附件乱码问题。
- jquery如何在DIV的后面动态添加一个DIV?
- Jquery获取勾选复选框里面的值并且动态添加到一个新的div里面
- HTML&CSS基础学习笔记1.26-给网页添加一个css样式
- html页面中运用CSS为层(div)元素添加滚动条
- 在html中给div自动添加滚动体
- DataGrid动态添加模板列的一个例子 http://www.cnblogs.com/lovecherry/archive/2005/03/25/125526.html
- Html精确定位,ScrollHeight等介绍,以及一个例子实现在某个控件处打开一个DIV
- [ASP.NET MVC]为HtmlHelper添加一个RadioButtonList扩展方法
- 百度地图简单使用——添加折线,圆形等(html,js)
- 动态添加一个HTML标记
- xheditor HTML编辑器,新闻编辑器初始方法,ajax图片批量上传,添加一个8、13、14px字体
- jQuery怎么加载一个html页面到我指定的div里面
- jsp/html中一个<div>悬浮在另一个悬浮的<div>之上------z-index设置