| | |
| | | // var url = Icon.options.iconUrl |
| | | |
| | | const marker = this.L.marker([positionX, positionY], { icon: Icon }) |
| | | |
| | | // 划过出现 展示数据 |
| | | marker.bindTooltip(data[i].Name, { |
| | | permanent: true, |
| | | offset: [0, 16], |
| | | direction: 'bottom', |
| | | offset: [0, -16], |
| | | direction: 'top', |
| | | className: '' |
| | | }) |
| | | // 点击 事件 |
| | | marker.on('click', (e) => { |
| | | try { |
| | | console.log(e) |
| | | // console.log(e) |
| | | // console.log(this.map.getCenter()) |
| | | // console.log(this.map.setCenter([e.target.getLatLng().lat, e.target.getLatLng().lng])) |
| | | // this.map.flyTo([e.target.getLatLng().lat, e.target.getLatLng().lng]) |
| | | // this.map.panTo([e.target.getLatLng().lat, e.target.getLatLng().lng], 100) |
| | | this.setPanTo(e.target.getLatLng(), 30) |
| | | this.EffectOfPulse(e.target.getLatLng()) |
| | | this.SolidWastePopup.setData(data[i]) |
| | | this.SolidWastePopup.setData(data[i], 'gufei') |
| | | return this.SolidWastePopup.$el |
| | | } catch (error) { |
| | | console.log(error) |
| | |
| | | this.SolidWasteLayerGroup.addLayer(marker) |
| | | } |
| | | } |
| | | } |
| | | |
| | | // panTo |
| | | setPanTo (pos, value) { |
| | | var position = pos |
| | | position = this.map.latLngToLayerPoint(position) |
| | | position.y += value |
| | | position = this.map.layerPointToLatLng(position) |
| | | this.map.setView(position) |
| | | // this.map.flyTo(position) |
| | | } |
| | | |
| | | // 固废点击进行的 内容的设置 |
| | |
| | | |
| | | // 脉冲效果设置实现 |
| | | EffectOfPulse (position, markers, layerGroup) { |
| | | // // 区分直接执行 和判断执行的不同区别 |
| | | // 区分直接执行 和判断执行的不同区别 |
| | | var differentColor = '' |
| | | if (markers) { |
| | | differentColor = '#ff0000' |
| | |
| | | var HeightLightTime = 5 |
| | | var PulseNumber = 5 |
| | | const pulseinterver = setInterval((e) => { |
| | | console.log(e) |
| | | if (PulseNumber > 0) { |
| | | PulseNumber-- |
| | | } else { |