<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8' />
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
<link href='http://bigemap.com:9000/bigemap-gl.js/v1.1.0/Widgets/widgets.css' rel='stylesheet'/>
<script src='http://bigemap.com:9000/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script>
<style>
body { margin: 0; padding: 0; }
#container { position: absolute; top: 0; bottom: 0; width: 100%; }
.bmgl-widget-credits{display:none}
#div1{
background: whitesmoke;
border: 1px solid deepskyblue;
padding: 5px;
border-radius: 5px;
/*是否阻止鼠标事件*/
pointer-events: none;
}
</style>
<title>添加div</title>
</head>
<body>
<div id='container'></div>
<div id='div1'>我是一个div</div>
<script type="module">
import divLabel from 'http://www.bigemap.com/Public/js/3d/div.min.js'
bmgl.Config.HTTP_URL = 'http://bigemap.com:9000';
var viewer = new bmgl.Viewer('container', { mapId: 'bigemap.zhongkexingtu' });
var val = {
viewer: viewer,
position: [104, 30],
height: 0,
dom: document.getElementById('div1')，
offset:[0,0],
//className:'test',
//dId:'test'
}
var layer = new divLabel(val);
// layer.remove()//移除
// layer.toggleShow()//切换显示
// layer.changePosition([121,30])//更改位置
// layer.removeAllDiv()//移除全部div
</script>
</body>
</html>
源码