添加企业 hover 污染物产生统计弹框展现

chenyabin

2021-04-01 a3223dc244e83553db25026315987d58aef10301

 src/components/LayerController/logic/Company.js

@@ -38,23 +38,34 @@
      })
      marker.bindTooltip(data[i].name, {
        permanent: true,
        offset: [0, -16],
        direction: 'top',
        className: ''
        offset: [0, 14],
        direction: 'bottom',
        className: 'company-bindTooltip'
      })

      layer.addLayer(marker)
    }
  }

  /*
  * 点位鼠标移入弹框
  * */
  this.bindTooltip = (layer) => {
    // console.log(layer)
    // return layer.options.test.name
    console.log(layer)
    return '<div class="company-bindTooltip-hover"><h3>污染物产生统计</h3><ul>' +
                '<li>生产设施：30（个）</li>' +
                '<li>治理设施：30（个）</li>' +
            '</ul></div>'// layer.options.test.name
  }

  /*
  * 点位点击事件
  *
  * */
  this.clickListener = (e) => {
    // this.animalService.pulseEffect(e.latlng)
    console.log(e)
    const dataValue = {
      StoragePlaceId: e.layer.options.test.name
    }
    debugger
    console.log(dataValue)
    // return this.PublicBounced.$el
  }
}