| | |
| | | }) |
| | | }, |
| | | onEachFeature: (feature, layer) => { |
| | | const popupDatas = [] |
| | | const properties = feature.properties |
| | | popupDatas.push({ |
| | | title: properties.wellname || properties.devicename || properties.name, |
| | | name: feature.id, |
| | | content: properties |
| | | }) |
| | | layer.bindPopup((layer) => { |
| | | this.popupComp.setDatas(layer) |
| | | this.popupComp.setDatas(popupDatas) |
| | | this.popupComp.setShow() |
| | | return this.popupComp.$el |
| | | }, { |
| | |
| | | closeButton: false, |
| | | autoClose: false |
| | | }) |
| | | layer.bindTooltip((layer) => this.tooltipListener(layer), { |
| | | direction: 'bottom', |
| | | offset: [0, 15], |
| | | sticky: true |
| | | }) |
| | | .bindTooltip((layer) => this.tooltipListener(layer), { direction: 'bottom', offset: [0, 15], sticky: true }) |
| | | .on('mouseover', (e) => this.mouseOverListener(e, layer)).on('mouseout', (e) => this.mouseOutListener(e, layer)) |
| | | } |
| | | }).addTo(this.layer) |
| | |
| | | const icon = this.config.icon |
| | | const type = e.target.feature.geometry.type |
| | | if (type === 'LineString' || type === 'MultiLineString') { |
| | | layer.setStyle({ |
| | | weight: 8, |
| | | color: '#00ffff' |
| | | }) |
| | | layer.setStyle({ weight: 8, color: '#00ffff' }) |
| | | } else if (type === 'Point' || type === 'MultiPoint') { |
| | | layer.setStyle({ |
| | | img: { |
| | |
| | | const icon = this.config.icon |
| | | const type = e.target.feature.geometry.type |
| | | if (type === 'LineString' || type === 'MultiLineString') { |
| | | layer.setStyle({ |
| | | weight: STYLES.WEIGHT, |
| | | color: STYLES.COLOR |
| | | }) |
| | | layer.setStyle({ weight: STYLES.WEIGHT, color: STYLES.COLOR }) |
| | | } |
| | | if (type === 'Point' || type === 'MultiPoint') { |
| | | layer.setStyle({ |