/**
|
* 企业
|
*/
|
|
// 区分不同类型 使用不同img
|
const companyImg = '/assets/images/map/company_refining.png'
|
const companyOil = '/assets/images/map/company_oil.png'
|
|
const mapApi = require('../../../api/mapApi').default
|
const AnimalService = require('../service/AnimalService').default
|
const $store = require('../../../store/index').default
|
|
module.exports = function () {
|
/**
|
* 返回marker对象数组
|
* @param L leaflet对象
|
*/
|
this.init = async (layer, L) => {
|
this.animalService = new AnimalService({
|
L: L,
|
layer: layer
|
})
|
const res = await mapApi.getCompany()
|
// console.log(res)
|
const data = res.Result.DataInfo || {}
|
$store.state.companyPoints = data
|
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
|
if (data[i].type) {
|
if (data[i].type === 2) {
|
iconUrl = companyOil
|
}
|
}
|
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: myIcon,
|
test: data[i]
|
})
|
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) => {
|
// console.log(e)
|
window.map.setView(e.latlng, 15)
|
// if (window.map.getZoom() >= 10) {
|
// window.map.removeLayer(e.layer)
|
// e.layer.remove()
|
// } else if (window.map.getZoom() < 10) {
|
// window.map.addLayer(e.layer)
|
// }
|
// const dataValue = {
|
// StoragePlaceId: e.layer.options.test.name
|
// }
|
}
|
}
|
