/** * 固废 */ // 区分不同类型 使用不同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 = '
' 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 } }