vue数据大屏开发时,需要在腾讯地图上插入一个div,这里我们用js来实现,将实现过程记录下来
演示demo:vue3数据可视化大屏-科技管理大屏案例演示
实现代码
var mydom = document.createElement('div'); // 新建一个div的dom
mydom.innerHTML = `<div class="mapInfo">
<div class="infoLabel">这里是客户名称</div>
<img src='${this.url}'>
</div>`; //设置显示的数据,可以是标签.
// mydom.src = this.url;
console.log(mydom)
mydom.style.cssText = [
'position: absolute;',
'top: 0px;',
'left: 0px;',
'cursor: pointer;'
].join('');
console.log('mydom')
return mydom;