/**
* 固废
*/
// 区分不同类型 使用不同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
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
if (data[i].type) {
if (data[i].type === 2) {
iconUrl = companyOil
}
}
const htmls = '

- ' + data[i].name + '
- ' + data[i].name + '
- ' + data[i].name + '
- ' + data[i].name + '
- ' + data[i].name + '
- ' + data[i].name + '
'
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 = ''
marker.bindTooltip(htmls, {
permanent: true,
offset: [0, 5],
direction: 'bottom',
className: 'company-bindTooltip'
}) */
layer.addLayer(marker)
}
}
/*
* 点位鼠标移入弹框
* */
this.bindTooltip = (layer) => {
// console.log(layer)
return ''// 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
}
}