<!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>
源码