Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
Conflicts:
src/components/LayerController/service/WfsLayerService.js
| | |
| | | }) |
| | | }, |
| | | 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({ |
| | |
| | | } |
| | | |
| | | clickListener () { |
| | | window.map.on('click', (e) => { |
| | | this.featureGroup.clearLayers() |
| | | var point = this.map.latLngToContainerPoint(e.latlng, this.map.getZoom()) |
| | | var size = this.map.getSize() |
| | | // const bbox = this.L.latLngBounds(this.L.latLng(e.latlng.lng, e.latlng.lat)).toBBoxString() |
| | | if (this.layers && this.layers.length > 0) { |
| | | window.map.on('click', (e) => { |
| | | this.featureGroup.clearLayers() |
| | | var point = this.map.latLngToContainerPoint(e.latlng, this.map.getZoom()) |
| | | var size = this.map.getSize() |
| | | // const bbox = this.L.latLngBounds(this.L.latLng(e.latlng.lng, e.latlng.lat)).toBBoxString() |
| | | |
| | | const params = Object.assign({ |
| | | LAYERS: this.layers.join(','), |
| | | QUERY_LAYERS: this.layers.join(','), |
| | | WIDTH: size.x, |
| | | HEIGHT: size.y, |
| | | X: Math.round(point.x), |
| | | Y: Math.round(point.y), |
| | | BBOX: this.map.getBounds().toBBoxString() |
| | | }, this.params) |
| | | AjaxUtils.get4JsonDataByUrl(PIPELINE_WMS, params, (res) => { |
| | | const features = res.data.features |
| | | /** |
| | | const params = Object.assign({ |
| | | LAYERS: this.layers.join(','), |
| | | QUERY_LAYERS: this.layers.join(','), |
| | | WIDTH: size.x, |
| | | HEIGHT: size.y, |
| | | X: Math.round(point.x), |
| | | Y: Math.round(point.y), |
| | | BBOX: this.map.getBounds().toBBoxString() |
| | | }, this.params) |
| | | AjaxUtils.get4JsonDataByUrl(PIPELINE_WMS, params, (res) => { |
| | | const features = res.data.features |
| | | /** |
| | | * { |
| | | * title: 'New Tab', |
| | | * name: newTabName, |
| | |
| | | * } |
| | | * @type {*[]} |
| | | */ |
| | | const popupDatas = [] |
| | | if (features) { |
| | | for (var i = 0; i < features.length; i++) { |
| | | const feature = features[i] |
| | | const properties = feature.properties |
| | | this.highlight(feature) |
| | | // const coordinates = feature.geometry.coordinates |
| | | popupDatas.push({ |
| | | title: properties.wellname || properties.devicename || properties.name, |
| | | name: feature.id, |
| | | content: properties |
| | | }) |
| | | const popupDatas = [] |
| | | if (features) { |
| | | for (var i = 0; i < features.length; i++) { |
| | | const feature = features[i] |
| | | const properties = feature.properties |
| | | this.highlight(feature) |
| | | // const coordinates = feature.geometry.coordinates |
| | | popupDatas.push({ |
| | | title: properties.wellname || properties.devicename || properties.name, |
| | | name: feature.id, |
| | | content: properties |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | if (popupDatas.length > 0) { |
| | | var myIcon = this.L.divIcon({ className: 'my-div-icon' }) |
| | | this.L.marker(e.latlng, { |
| | | icon: myIcon |
| | | }).addTo(this.featureGroup) |
| | | .bindPopup((layer) => { |
| | | this.popupComp.setDatas(popupDatas) |
| | | this.popupComp.setShow() |
| | | return this.popupComp.$el |
| | | }, { |
| | | className: 's-map-popup', |
| | | minWidth: 300, |
| | | closeButton: false, |
| | | autoClose: false |
| | | }) |
| | | .openPopup() |
| | | } |
| | | if (popupDatas.length > 0) { |
| | | var myIcon = this.L.divIcon({ className: 'my-div-icon' }) |
| | | this.L.marker(e.latlng, { |
| | | icon: myIcon |
| | | }).addTo(this.featureGroup) |
| | | .bindPopup((layer) => { |
| | | this.popupComp.setDatas(popupDatas) |
| | | this.popupComp.setShow() |
| | | return this.popupComp.$el |
| | | }, { |
| | | className: 's-map-popup', |
| | | minWidth: 300, |
| | | closeButton: false, |
| | | autoClose: false |
| | | }) |
| | | .openPopup() |
| | | } |
| | | }) |
| | | }) |
| | | }) |
| | | } |
| | | } |
| | | |
| | | reverse (feature) { |
| | |
| | | }, |
| | | { |
| | | code: 'accidentline', |
| | | name: '事故水线', |
| | | name: '事故水', |
| | | sname: '事故水', |
| | | checked: false, |
| | | // wmsLayers: 'sewer:pipeline_accident', |
| | |
| | | }, |
| | | { |
| | | code: 'oilline', |
| | | name: '含油污水线', |
| | | name: '含油污水', |
| | | sname: '含油污水', |
| | | checked: false, |
| | | type: 0, |
| | |
| | | }, |
| | | { |
| | | code: 'saltline', |
| | | name: '含盐污水线', |
| | | name: '含盐污水', |
| | | sname: '含盐污水', |
| | | checked: false, |
| | | type: 0, |
| | |
| | | }, |
| | | { |
| | | code: 'alkaliline', |
| | | name: '含碱污水线', |
| | | name: '含碱污水', |
| | | sname: '含碱污水', |
| | | checked: false, |
| | | type: 0, |
| | | wfs: WFS_URL + '?TYPENAME=含碱污水', |
| | | minZoom: 10 |
| | | }, |
| | | { |
| | | code: 'sulfurline', |
| | | name: '含硫污水', |
| | | sname: '含硫污水', |
| | | checked: false, |
| | | type: 0, |
| | | wmsLayers: 'sewer:pipeline_sulfur', |
| | | // wfs: WFS_URL + '?TYPENAME=含碱污水', |
| | | minZoom: 10 |
| | | }, |
| | | { |
| | |
| | | }, |
| | | { |
| | | code: 'purifyline', |
| | | name: '净化水线', |
| | | name: '净化水', |
| | | sname: '净化水', |
| | | checked: false, |
| | | type: 0, |
| | |
| | | }, |
| | | { |
| | | code: 'loopline', |
| | | name: '循环水线', |
| | | name: '循环水', |
| | | sname: '循环水', |
| | | type: 0, |
| | | checked: false, |