以下是我的验证代码,未加载H5+地图前,地图容器DIV是静态布局,点击按钮加载地图后,地图就成为浮动了?有办法固定住位置吗?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>Map Example</title>
<script type="text/javascript">
var em=null,map=null;
// H5 plus事件处理
function plusReady(){
// 确保DOM解析完成
var button = document.getElementById('button');
button.addEventListener('click', function() {
if(!em||!window.plus||map){return};
map = new plus.maps.Map("map");
});
}
if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}
// DOMContentloaded事件处理
document.addEventListener("DOMContentLoaded",function(){
em=document.getElementById("map");
plusReady();
},false);
</script>
<style type="text/css">
#map {
width: 100%;
line-height: 200px;
text-align: center;
background: lightgoldenrodyellow;
}
#holder {
width:90%;
height: 1000px;
background-color: lightcoral;
}
#button {
position: fixed;
bottom: 20px;
right: 20px;
width: 100px;
height: 40px;
}
</style>
</head>
<body>
<div id="map">地图加载中...</div>
<div id="holder"></div>
<button id="button">map</button>
</body>
</html>
鸿运当头 (作者)
fixed定位就会“固定在屏幕”固定的位置,无论怎么滚动屏幕都会显示,而这个不是我想要的,我想让地图“固定在文档 ”,滚动屏幕可以被隐藏。
2015-12-30 11:34
朋也
回复 鸿运当头:那就不要用demo里写的了,用百度地图的js版,想加载哪地方就加在哪地方,很方便
2015-12-30 11:51
鸿运当头 (作者)
我用JS版已经解决了,我就是想把这个问题抛出来,看看能否填一下坑。
2015-12-30 16:49