在地图组件中使用原生js添加dom结构时 样式 伪类不生效

手动创建dom对象 

       parseDom(arg) {
        var objE = document.createElement("div");
         objE.innerHTML = arg;
         return objE.childNodes;
      }, 

 创建div并在地图中定位

      enterMarkerPoint(e) {
        // let  el1 = document.createElement("div");
        let  el1 = this.parseDom(
        `<div id="workplanhint" class="workplanbox">
          <div>作业基础信息</div>
          <div>作业内容: </div>
          <div>风险等级: </div>
          <div>作业班组: </div>
          <div>作业人员: </div>
          <div>是否有违章: </div>   
            `
        )[0]
            el1.className = "workplanbox"
            console.log(el1,'112312312312312');                  
            new SGMap.Marker(el1).setLngLat(e.LngLat).addTo(this.map);
            console.log(this.map.boxZoom._el);  
            this.enterPoint("进入了Marker点"+e.id);
      },

 样式 伪类不生效的话使用 >>> 使用样式穿透

>>>.workplanbox{
   width: 308px;
   background-color: #011112;
   opacity: 0.7;
   font-size: 13px;
   color: #FFFFFF;
   position: relative;
   top: 48px;
   right: 48px;
   border-radius: 0 20px;
   border: 1px solid #2A62E3;
}
>>>.workplanbox::before{
    content: '';
    width: 15px;
    height: 24px;
    border-top: 3px solid #15A8FC;
    border-left: 3px solid #15A8FC;
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -2px;
}
>>>.workplanbox::after{
    content: '';
    width: 15px;
    height: 24px;
    border-right: 3px solid #15A8FC;
    border-bottom: 3px solid #15A8FC;
    display: inline-block;
    position: relative;
    top: 6px;
    left: 294px;
}

删除添加的dom

地图对象.removeChild(要去除dom对象id)