/**
|
* 固废
|
*/
|
// 区分不同类型 使用不同img
|
const companyImg = '/assets/images/map/company_refining.png'
|
|
const mapApi = require('../../../api/mapApi').default
|
const AnimalService = require('../service/AnimalService').default
|
|
module.exports = function () {
|
/**
|
* 返回marker对象数组
|
* @param L leaflet对象
|
*/
|
this.init = async (layer, L) => {
|
// const SolidWasteIcon = this.SolidWasteIcon()
|
this.animalService = new AnimalService({
|
L: L,
|
layer: layer
|
})
|
const res = await mapApi.getCompany()
|
// console.log(res)
|
const data = res.Result.DataInfo || {}
|
for (let i = 0; i < data.length; i++) {
|
// console.log(data[i])
|
// 经纬度 位置
|
const positionX = data[i].Latitude
|
const positionY = data[i].Longitude
|
|
var iconUrl = companyImg
|
const htmls = '<div><img src="' + iconUrl + '"><ul><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li><li>' + data[i].name + '</li></ul></div>'
|
var myIcon = L.divIcon({
|
html: htmls,
|
className: 'company-bindTooltip',
|
iconSize: 16
|
})
|
|
const marker = L.marker([positionX, positionY], {
|
/* icon: L.icon({
|
iconUrl: iconUrl,
|
iconSize: [30, 30],
|
iconAnchor: [15, 15]
|
}), */
|
icon: myIcon,
|
test: data[i]
|
})
|
/* const htmls = '<ul><li>' + data[i].name + '</li></ul>'
|
marker.bindTooltip(htmls, {
|
permanent: true,
|
offset: [0, 5],
|
direction: 'bottom',
|
className: 'company-bindTooltip'
|
}) */
|
layer.addLayer(marker)
|
}
|
}
|
/*
|
* 点位鼠标移入弹框
|
* */
|
this.bindTooltip = (layer) => {
|
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)
|
const dataValue = {
|
StoragePlaceId: e.layer.options.test.name
|
}
|
debugger
|
console.log(dataValue)
|
// return this.PublicBounced.$el
|
}
|
}
|
