| | |
| | | } |
| | | |
| | | // 请求数据 data 为参数, 请求后台数据时 携带data参数 |
| | | requestData () { |
| | | requestWasteWater().then(res => { |
| | | this.DrawTheWasteWaterContent(res.Result.DataInfo) |
| | | requestData (data) { |
| | | requestWasteWater(data).then(res => { |
| | | console.log(res) |
| | | this.DrawWasteWaterContent(res.Result.DataInfo) |
| | | // console.log(res) |
| | | }).catch(err => { |
| | | console.log(err) |
| | |
| | | } |
| | | |
| | | // 根据获取数据 画出 内容 |
| | | DrawTheWasteWaterContent (data) { |
| | | DrawWasteWaterContent (data) { |
| | | // 图标样式扩展 |
| | | const WasteWaterIcon = this.WasteWaterIcon() |
| | | |
| | |
| | | } |
| | | for (let i = 0; i < data.length; i++) { |
| | | // 经纬度 位置 |
| | | const positionX = data[i].positionX |
| | | const positionY = data[i].positionY |
| | | const positionX = data[i].Latitude |
| | | const positionY = data[i].Longitude |
| | | |
| | | // 判断 经纬度位置信息是否存在 |
| | | // if (positionX != null && positionY != null) { |
| | |
| | | const Icon = new WasteWaterIcon({ iconUrl: iconUrl }) |
| | | // let url = Icon.options.iconUrl |
| | | |
| | | const marker = this.L.marker.magic([positionX, positionY], { icon: Icon, magic: 'vanishIn' }) |
| | | // const marker = this.L.marker.magic([positionX, positionY], { icon: Icon, magic: 'vanishIn' }) // 带显示动画 |
| | | const marker = this.L.marker([positionX, positionY], { icon: Icon }) |
| | | |
| | | marker.bindPopup(() => { |
| | | return this.WasteWaterPopup.$el |
| | | }, { |
| | | className: 's-map-popup', |
| | | minWidth: 1000, |
| | | closeButton: true, |
| | | autoClose: false |
| | | }) |
| | | // marker.bindPopup(() => { |
| | | // return this.WasteWaterPopup.$el |
| | | // }, { |
| | | // className: 's-map-popup', |
| | | // minWidth: 1000, |
| | | // closeButton: true, |
| | | // autoClose: false |
| | | // }) |
| | | // 划过出现 展示数据 |
| | | marker.bindTooltip(data[i].StoragePlaceName, { |
| | | marker.bindTooltip(data[i].Name, { |
| | | permanent: true, |
| | | offset: [0, -16], |
| | | direction: 'top', |
| | |
| | | try { |
| | | // console.log(e) |
| | | this.EffectOfPulse(e.target.getLatLng()) |
| | | this.WasteWaterPopup.setDate(data[i]) |
| | | this.WasteWaterPopup.setData(data[i]) |
| | | return this.WasteWaterPopup.$el |
| | | } catch (error) { |
| | | console.log(error) |
| | | } |