diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue index 6245517..bfc08a6 100644 --- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue +++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue @@ -116,10 +116,10 @@ pointList.push(geometryToFrature); } else if (element.projectrange.includes('LINESTRING')) { lineList.push(geometryToFrature); - if (element.projectAbbreviation == '汴京路管网及道路海绵化改造') { - console.log('geometryToFrature---', geometryToFrature); - bufferLine = [turf.buffer(turf.lineString(geometryToFrature.geometry.coordinates[0]), 0.01)]; - } + // if (element.projectAbbreviation == '汴京路管网及道路海绵化改造') { + // console.log('geometryToFrature---', geometryToFrature); + // bufferLine = [turf.buffer(turf.lineString(geometryToFrature.geometry.coordinates[0]), 0.01)]; + // } } else if (element.projectrange.includes('POLYGON')) { polygonList.push(geometryToFrature); } @@ -137,26 +137,26 @@ type: 'FeatureCollection', features: polygonList, }; - let bufferGeojson = { - type: 'FeatureCollection', - features: bufferLine, - }; + // let bufferGeojson = { + // type: 'FeatureCollection', + // features: bufferLine, + // }; // 项目名称图层 newfiberMapBoxVectorLayer.addGeojsonPolygonWithLabel('polygonGeojson', polygonGeojson, 12, 50, 16.9); newfiberMapBoxVectorLayer.addGeojsonLineWithLabel('lineGeojson', lineGeojson, 5, 12); newfiberMapBoxVectorLayer.addGeojsonCircleWithLabel('pointGeojson', pointGeojson, 12); - if (!newfiberMapbox.map.getLayer('projectBuffer')) { - newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); - newfiberMapbox.map.addLayer({ - id: 'projectBuffer', - type: 'fill', - source: 'projectBuffer', - minzoom: 17, - paint: { - 'fill-color': 'rgba(21,230,228,0.4)', - }, - }); - } + // if (!newfiberMapbox.map.getLayer('projectBuffer')) { + // newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); + // newfiberMapbox.map.addLayer({ + // id: 'projectBuffer', + // type: 'fill', + // source: 'projectBuffer', + // minzoom: 17, + // paint: { + // 'fill-color': 'rgba(21,230,228,0.4)', + // }, + // }); + // } newfiberMapbox.map.moveLayer('point', 'pointGeojson'); } }; diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue index 6245517..bfc08a6 100644 --- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue +++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue @@ -116,10 +116,10 @@ pointList.push(geometryToFrature); } else if (element.projectrange.includes('LINESTRING')) { lineList.push(geometryToFrature); - if (element.projectAbbreviation == '汴京路管网及道路海绵化改造') { - console.log('geometryToFrature---', geometryToFrature); - bufferLine = [turf.buffer(turf.lineString(geometryToFrature.geometry.coordinates[0]), 0.01)]; - } + // if (element.projectAbbreviation == '汴京路管网及道路海绵化改造') { + // console.log('geometryToFrature---', geometryToFrature); + // bufferLine = [turf.buffer(turf.lineString(geometryToFrature.geometry.coordinates[0]), 0.01)]; + // } } else if (element.projectrange.includes('POLYGON')) { polygonList.push(geometryToFrature); } @@ -137,26 +137,26 @@ type: 'FeatureCollection', features: polygonList, }; - let bufferGeojson = { - type: 'FeatureCollection', - features: bufferLine, - }; + // let bufferGeojson = { + // type: 'FeatureCollection', + // features: bufferLine, + // }; // 项目名称图层 newfiberMapBoxVectorLayer.addGeojsonPolygonWithLabel('polygonGeojson', polygonGeojson, 12, 50, 16.9); newfiberMapBoxVectorLayer.addGeojsonLineWithLabel('lineGeojson', lineGeojson, 5, 12); newfiberMapBoxVectorLayer.addGeojsonCircleWithLabel('pointGeojson', pointGeojson, 12); - if (!newfiberMapbox.map.getLayer('projectBuffer')) { - newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); - newfiberMapbox.map.addLayer({ - id: 'projectBuffer', - type: 'fill', - source: 'projectBuffer', - minzoom: 17, - paint: { - 'fill-color': 'rgba(21,230,228,0.4)', - }, - }); - } + // if (!newfiberMapbox.map.getLayer('projectBuffer')) { + // newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); + // newfiberMapbox.map.addLayer({ + // id: 'projectBuffer', + // type: 'fill', + // source: 'projectBuffer', + // minzoom: 17, + // paint: { + // 'fill-color': 'rgba(21,230,228,0.4)', + // }, + // }); + // } newfiberMapbox.map.moveLayer('point', 'pointGeojson'); } }; diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue index 5deb264..f4b77e1 100644 --- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue +++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue @@ -412,6 +412,22 @@ type: 'FeatureCollection', features: hn_kf_hm_projectboundary.features.filter(feature => feature.properties.name == xmData.data.name), }; + if (newfiberMapbox.map.getLayer('projectBuffer')) { + newfiberMapbox.map.removeLayer('projectBuffer'); + newfiberMapbox.map.removeSource('projectBuffer'); + } + if (xmData.data.name == '汴京路管网及道路海绵化改造' && newfiberMapbox.map.getLayer('projectBuffer')) { + newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); + newfiberMapbox.map.addLayer({ + id: 'projectBuffer', + type: 'fill', + source: 'projectBuffer', + minzoom: 17, + paint: { + 'fill-color': 'rgba(54, 163, 240,0.4)', + }, + }); + } if (newfiberMapbox.getLayerByName('projectBoundary')) { newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('projectBoundary')); } diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue index 6245517..bfc08a6 100644 --- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue +++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue @@ -116,10 +116,10 @@ pointList.push(geometryToFrature); } else if (element.projectrange.includes('LINESTRING')) { lineList.push(geometryToFrature); - if (element.projectAbbreviation == '汴京路管网及道路海绵化改造') { - console.log('geometryToFrature---', geometryToFrature); - bufferLine = [turf.buffer(turf.lineString(geometryToFrature.geometry.coordinates[0]), 0.01)]; - } + // if (element.projectAbbreviation == '汴京路管网及道路海绵化改造') { + // console.log('geometryToFrature---', geometryToFrature); + // bufferLine = [turf.buffer(turf.lineString(geometryToFrature.geometry.coordinates[0]), 0.01)]; + // } } else if (element.projectrange.includes('POLYGON')) { polygonList.push(geometryToFrature); } @@ -137,26 +137,26 @@ type: 'FeatureCollection', features: polygonList, }; - let bufferGeojson = { - type: 'FeatureCollection', - features: bufferLine, - }; + // let bufferGeojson = { + // type: 'FeatureCollection', + // features: bufferLine, + // }; // 项目名称图层 newfiberMapBoxVectorLayer.addGeojsonPolygonWithLabel('polygonGeojson', polygonGeojson, 12, 50, 16.9); newfiberMapBoxVectorLayer.addGeojsonLineWithLabel('lineGeojson', lineGeojson, 5, 12); newfiberMapBoxVectorLayer.addGeojsonCircleWithLabel('pointGeojson', pointGeojson, 12); - if (!newfiberMapbox.map.getLayer('projectBuffer')) { - newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); - newfiberMapbox.map.addLayer({ - id: 'projectBuffer', - type: 'fill', - source: 'projectBuffer', - minzoom: 17, - paint: { - 'fill-color': 'rgba(21,230,228,0.4)', - }, - }); - } + // if (!newfiberMapbox.map.getLayer('projectBuffer')) { + // newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); + // newfiberMapbox.map.addLayer({ + // id: 'projectBuffer', + // type: 'fill', + // source: 'projectBuffer', + // minzoom: 17, + // paint: { + // 'fill-color': 'rgba(21,230,228,0.4)', + // }, + // }); + // } newfiberMapbox.map.moveLayer('point', 'pointGeojson'); } }; diff --git a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue index 5deb264..f4b77e1 100644 --- a/src/views/sponeScreen/projectHM/ProjectEvaluation.vue +++ b/src/views/sponeScreen/projectHM/ProjectEvaluation.vue @@ -412,6 +412,22 @@ type: 'FeatureCollection', features: hn_kf_hm_projectboundary.features.filter(feature => feature.properties.name == xmData.data.name), }; + if (newfiberMapbox.map.getLayer('projectBuffer')) { + newfiberMapbox.map.removeLayer('projectBuffer'); + newfiberMapbox.map.removeSource('projectBuffer'); + } + if (xmData.data.name == '汴京路管网及道路海绵化改造' && newfiberMapbox.map.getLayer('projectBuffer')) { + newfiberMapbox.map.addSource('projectBuffer', { type: 'geojson', data: bufferGeojson }); + newfiberMapbox.map.addLayer({ + id: 'projectBuffer', + type: 'fill', + source: 'projectBuffer', + minzoom: 17, + paint: { + 'fill-color': 'rgba(54, 163, 240,0.4)', + }, + }); + } if (newfiberMapbox.getLayerByName('projectBoundary')) { newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('projectBoundary')); } diff --git a/vite.config.js b/vite.config.js index c40b1eb..b20c8f4 100644 --- a/vite.config.js +++ b/vite.config.js @@ -7,9 +7,9 @@ const Timestamp = new Date().getTime(); //随机时间戳 // const targetUrl = 'http://192.168.16.254:7200'; //孙逢时 -const targetUrl = 'http://192.168.16.221:7200'; //谢灿 +// const targetUrl = 'http://192.168.16.221:7200'; //谢灿 // const targetUrl = 'https://server2.wh-nf.cn:8082/prod-api'; //公司线上 -// const targetUrl = 'http://117.158.110.42:8082/prod-api'; //正式环境 +const targetUrl = 'http://117.158.110.42:8082/prod-api'; //正式环境 // https://vitejs.dev/config/ export default defineConfig(({ mode, command }) => {