diff --git a/src/assets/geojson/kaifeng/projectArea.json b/src/assets/geojson/kaifeng/projectArea.json new file mode 100644 index 0000000..7eb3138 --- /dev/null +++ b/src/assets/geojson/kaifeng/projectArea.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","id":0,"geometry":{"type":"LineString","coordinates":[[114.33515823920274,34.822454264097516],[114.33453957934123,34.820265159972152],[114.33349261649866,34.817980877406555],[114.33192217223481,34.815839362501308],[114.33120833393306,34.814173739797219],[114.33025654953073,34.811889457231622],[114.32997101421003,34.809890709986725],[114.32934283650448,34.807711123705381],[114.32831782066461,34.804436014923141],[114.32785782979738,34.803056042321487],[114.3275534818281,34.801733917658737],[114.32745513077317,34.800528324082443],[114.32655093559096,34.797101900234047],[114.32674129247143,34.796530829592648],[114.32774066609387,34.795531455970192],[114.32807379063469,34.794960385328793],[114.32602745416968,34.786965396349203],[114.3260417309357,34.786380048941766],[114.32599176225459,34.785665020909519],[114.340238785027,34.783285559903689],[114.34392694958605,34.782482491814221],[114.34749614109481,34.782095829400774],[114.35279044183278,34.781738910249899],[114.35817397235847,34.78123327478616],[114.35897704044793,34.783374789691401],[114.36022625747599,34.786200399635824],[114.36135650145376,34.788044481915342],[114.36263546174439,34.790929578384919],[114.36320058373327,34.793606472016478],[114.36311135394556,34.794915175569685],[114.36379663871526,34.797542100520133],[114.36419638816425,34.798798455931212],[114.36476745880564,34.799369526572612],[114.36528142238289,34.799997704278155],[114.36573827889602,34.800911417304391],[114.36642356366571,34.804794697665912],[114.36579538596015,34.805422875371455],[114.36705174137124,34.810448297015775],[114.3687078462313,34.817529572969129],[114.36887916742371,34.819299891957471],[114.35517347203012,34.821241532138231],[114.3478637678202,34.822440780485167],[114.34575080644703,34.822440780485167],[114.34215306140621,34.822326566356885],[114.33935481526335,34.822326566356885],[114.3361568196715,34.822554994613448],[114.33521455311319,34.822712039039835],[114.33517172281508,34.822455057251204]]},"properties":{"FID":0,"Id":0,"fillcolor":"rgba(28, 214, 108,1)"}},{"type":"Feature","id":1,"geometry":{"type":"LineString","coordinates":[[114.36743245513225,34.800673471203794],[114.38147127506663,34.800625881983677],[114.38139989123646,34.78699157042027],[114.38175681038733,34.779639035912254],[114.36690897371095,34.779995955063129],[114.36141241878748,34.780781177195053],[114.36098887472845,34.781861452491704],[114.36017985798647,34.783384307535435],[114.3617027130302,34.785811357761382],[114.362844854313,34.787572158905697],[114.36336833573428,34.789285370829894],[114.36417735247626,34.791379296515025],[114.36455806623719,34.793425632980039],[114.36484360155789,34.795329201784703],[114.36555743985964,34.797375538249717],[114.36627127816139,34.798708036412982],[114.36679475958267,34.799326696274505],[114.36722306256372,34.800135713016488],[114.36741341944419,34.80065919443777]]},"properties":{"FID":1,"Id":0,"fillcolor":"rgba(251, 194, 26,1)"}},{"type":"Feature","id":2,"geometry":{"type":"LineString","coordinates":[[114.18067926835914,34.796982927183748],[114.23036241416088,34.797839533145847],[114.23000549501,34.780707413903869],[114.22864920223668,34.780850181564219],[114.19538433737517,34.774354253018302],[114.18524783349034,34.772212738113055],[114.18596167179209,34.782135090507367],[114.18546198498086,34.786989190959261],[114.18067926835914,34.797125694844098]]},"properties":{"FID":2,"Id":0,"fillcolor":"rgba(232, 64, 51,1)"}}]} \ No newline at end of file diff --git a/src/assets/geojson/kaifeng/projectArea.json b/src/assets/geojson/kaifeng/projectArea.json new file mode 100644 index 0000000..7eb3138 --- /dev/null +++ b/src/assets/geojson/kaifeng/projectArea.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","id":0,"geometry":{"type":"LineString","coordinates":[[114.33515823920274,34.822454264097516],[114.33453957934123,34.820265159972152],[114.33349261649866,34.817980877406555],[114.33192217223481,34.815839362501308],[114.33120833393306,34.814173739797219],[114.33025654953073,34.811889457231622],[114.32997101421003,34.809890709986725],[114.32934283650448,34.807711123705381],[114.32831782066461,34.804436014923141],[114.32785782979738,34.803056042321487],[114.3275534818281,34.801733917658737],[114.32745513077317,34.800528324082443],[114.32655093559096,34.797101900234047],[114.32674129247143,34.796530829592648],[114.32774066609387,34.795531455970192],[114.32807379063469,34.794960385328793],[114.32602745416968,34.786965396349203],[114.3260417309357,34.786380048941766],[114.32599176225459,34.785665020909519],[114.340238785027,34.783285559903689],[114.34392694958605,34.782482491814221],[114.34749614109481,34.782095829400774],[114.35279044183278,34.781738910249899],[114.35817397235847,34.78123327478616],[114.35897704044793,34.783374789691401],[114.36022625747599,34.786200399635824],[114.36135650145376,34.788044481915342],[114.36263546174439,34.790929578384919],[114.36320058373327,34.793606472016478],[114.36311135394556,34.794915175569685],[114.36379663871526,34.797542100520133],[114.36419638816425,34.798798455931212],[114.36476745880564,34.799369526572612],[114.36528142238289,34.799997704278155],[114.36573827889602,34.800911417304391],[114.36642356366571,34.804794697665912],[114.36579538596015,34.805422875371455],[114.36705174137124,34.810448297015775],[114.3687078462313,34.817529572969129],[114.36887916742371,34.819299891957471],[114.35517347203012,34.821241532138231],[114.3478637678202,34.822440780485167],[114.34575080644703,34.822440780485167],[114.34215306140621,34.822326566356885],[114.33935481526335,34.822326566356885],[114.3361568196715,34.822554994613448],[114.33521455311319,34.822712039039835],[114.33517172281508,34.822455057251204]]},"properties":{"FID":0,"Id":0,"fillcolor":"rgba(28, 214, 108,1)"}},{"type":"Feature","id":1,"geometry":{"type":"LineString","coordinates":[[114.36743245513225,34.800673471203794],[114.38147127506663,34.800625881983677],[114.38139989123646,34.78699157042027],[114.38175681038733,34.779639035912254],[114.36690897371095,34.779995955063129],[114.36141241878748,34.780781177195053],[114.36098887472845,34.781861452491704],[114.36017985798647,34.783384307535435],[114.3617027130302,34.785811357761382],[114.362844854313,34.787572158905697],[114.36336833573428,34.789285370829894],[114.36417735247626,34.791379296515025],[114.36455806623719,34.793425632980039],[114.36484360155789,34.795329201784703],[114.36555743985964,34.797375538249717],[114.36627127816139,34.798708036412982],[114.36679475958267,34.799326696274505],[114.36722306256372,34.800135713016488],[114.36741341944419,34.80065919443777]]},"properties":{"FID":1,"Id":0,"fillcolor":"rgba(251, 194, 26,1)"}},{"type":"Feature","id":2,"geometry":{"type":"LineString","coordinates":[[114.18067926835914,34.796982927183748],[114.23036241416088,34.797839533145847],[114.23000549501,34.780707413903869],[114.22864920223668,34.780850181564219],[114.19538433737517,34.774354253018302],[114.18524783349034,34.772212738113055],[114.18596167179209,34.782135090507367],[114.18546198498086,34.786989190959261],[114.18067926835914,34.797125694844098]]},"properties":{"FID":2,"Id":0,"fillcolor":"rgba(232, 64, 51,1)"}}]} \ No newline at end of file diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b65fcab..f9620a8 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -213,20 +213,20 @@ getWeather(); }); onBeforeUnmount(() => { - if (!newfiberMap) return; - if (newfiberMap) { - let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; - newfiberMap.getMap().imageryLayers.removeAll(); - newfiberMap.getMap().entities.removeAll(); - newfiberMap.getMap().scene.primitives.removeAll(); - newfiberMap.getMap().destroy(); - if (_originalGLContext) { - _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); - _originalGLContext = null; - } - newfiberMap.baseMap.map = null; - newfiberMap = null; - } + // if (!newfiberMap) return; + // if (newfiberMap) { + // let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; + // newfiberMap.getMap().imageryLayers.removeAll(); + // newfiberMap.getMap().entities.removeAll(); + // newfiberMap.getMap().scene.primitives.removeAll(); + // newfiberMap.getMap().destroy(); + // if (_originalGLContext) { + // _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); + // _originalGLContext = null; + // } + // newfiberMap.baseMap.map = null; + // newfiberMap = null; + // } }); diff --git a/src/assets/geojson/kaifeng/projectArea.json b/src/assets/geojson/kaifeng/projectArea.json new file mode 100644 index 0000000..7eb3138 --- /dev/null +++ b/src/assets/geojson/kaifeng/projectArea.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","id":0,"geometry":{"type":"LineString","coordinates":[[114.33515823920274,34.822454264097516],[114.33453957934123,34.820265159972152],[114.33349261649866,34.817980877406555],[114.33192217223481,34.815839362501308],[114.33120833393306,34.814173739797219],[114.33025654953073,34.811889457231622],[114.32997101421003,34.809890709986725],[114.32934283650448,34.807711123705381],[114.32831782066461,34.804436014923141],[114.32785782979738,34.803056042321487],[114.3275534818281,34.801733917658737],[114.32745513077317,34.800528324082443],[114.32655093559096,34.797101900234047],[114.32674129247143,34.796530829592648],[114.32774066609387,34.795531455970192],[114.32807379063469,34.794960385328793],[114.32602745416968,34.786965396349203],[114.3260417309357,34.786380048941766],[114.32599176225459,34.785665020909519],[114.340238785027,34.783285559903689],[114.34392694958605,34.782482491814221],[114.34749614109481,34.782095829400774],[114.35279044183278,34.781738910249899],[114.35817397235847,34.78123327478616],[114.35897704044793,34.783374789691401],[114.36022625747599,34.786200399635824],[114.36135650145376,34.788044481915342],[114.36263546174439,34.790929578384919],[114.36320058373327,34.793606472016478],[114.36311135394556,34.794915175569685],[114.36379663871526,34.797542100520133],[114.36419638816425,34.798798455931212],[114.36476745880564,34.799369526572612],[114.36528142238289,34.799997704278155],[114.36573827889602,34.800911417304391],[114.36642356366571,34.804794697665912],[114.36579538596015,34.805422875371455],[114.36705174137124,34.810448297015775],[114.3687078462313,34.817529572969129],[114.36887916742371,34.819299891957471],[114.35517347203012,34.821241532138231],[114.3478637678202,34.822440780485167],[114.34575080644703,34.822440780485167],[114.34215306140621,34.822326566356885],[114.33935481526335,34.822326566356885],[114.3361568196715,34.822554994613448],[114.33521455311319,34.822712039039835],[114.33517172281508,34.822455057251204]]},"properties":{"FID":0,"Id":0,"fillcolor":"rgba(28, 214, 108,1)"}},{"type":"Feature","id":1,"geometry":{"type":"LineString","coordinates":[[114.36743245513225,34.800673471203794],[114.38147127506663,34.800625881983677],[114.38139989123646,34.78699157042027],[114.38175681038733,34.779639035912254],[114.36690897371095,34.779995955063129],[114.36141241878748,34.780781177195053],[114.36098887472845,34.781861452491704],[114.36017985798647,34.783384307535435],[114.3617027130302,34.785811357761382],[114.362844854313,34.787572158905697],[114.36336833573428,34.789285370829894],[114.36417735247626,34.791379296515025],[114.36455806623719,34.793425632980039],[114.36484360155789,34.795329201784703],[114.36555743985964,34.797375538249717],[114.36627127816139,34.798708036412982],[114.36679475958267,34.799326696274505],[114.36722306256372,34.800135713016488],[114.36741341944419,34.80065919443777]]},"properties":{"FID":1,"Id":0,"fillcolor":"rgba(251, 194, 26,1)"}},{"type":"Feature","id":2,"geometry":{"type":"LineString","coordinates":[[114.18067926835914,34.796982927183748],[114.23036241416088,34.797839533145847],[114.23000549501,34.780707413903869],[114.22864920223668,34.780850181564219],[114.19538433737517,34.774354253018302],[114.18524783349034,34.772212738113055],[114.18596167179209,34.782135090507367],[114.18546198498086,34.786989190959261],[114.18067926835914,34.797125694844098]]},"properties":{"FID":2,"Id":0,"fillcolor":"rgba(232, 64, 51,1)"}}]} \ No newline at end of file diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b65fcab..f9620a8 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -213,20 +213,20 @@ getWeather(); }); onBeforeUnmount(() => { - if (!newfiberMap) return; - if (newfiberMap) { - let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; - newfiberMap.getMap().imageryLayers.removeAll(); - newfiberMap.getMap().entities.removeAll(); - newfiberMap.getMap().scene.primitives.removeAll(); - newfiberMap.getMap().destroy(); - if (_originalGLContext) { - _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); - _originalGLContext = null; - } - newfiberMap.baseMap.map = null; - newfiberMap = null; - } + // if (!newfiberMap) return; + // if (newfiberMap) { + // let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; + // newfiberMap.getMap().imageryLayers.removeAll(); + // newfiberMap.getMap().entities.removeAll(); + // newfiberMap.getMap().scene.primitives.removeAll(); + // newfiberMap.getMap().destroy(); + // if (_originalGLContext) { + // _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); + // _originalGLContext = null; + // } + // newfiberMap.baseMap.map = null; + // newfiberMap = null; + // } }); diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 31ba4f6..dd80883 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -271,7 +271,7 @@ zoom: 10.4, pitch: 10, }); - }, 3000); + }, 5000); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter1, 'oneCenter'); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter2, 'oneCenter'); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter, 'oneCenter'); diff --git a/src/assets/geojson/kaifeng/projectArea.json b/src/assets/geojson/kaifeng/projectArea.json new file mode 100644 index 0000000..7eb3138 --- /dev/null +++ b/src/assets/geojson/kaifeng/projectArea.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","id":0,"geometry":{"type":"LineString","coordinates":[[114.33515823920274,34.822454264097516],[114.33453957934123,34.820265159972152],[114.33349261649866,34.817980877406555],[114.33192217223481,34.815839362501308],[114.33120833393306,34.814173739797219],[114.33025654953073,34.811889457231622],[114.32997101421003,34.809890709986725],[114.32934283650448,34.807711123705381],[114.32831782066461,34.804436014923141],[114.32785782979738,34.803056042321487],[114.3275534818281,34.801733917658737],[114.32745513077317,34.800528324082443],[114.32655093559096,34.797101900234047],[114.32674129247143,34.796530829592648],[114.32774066609387,34.795531455970192],[114.32807379063469,34.794960385328793],[114.32602745416968,34.786965396349203],[114.3260417309357,34.786380048941766],[114.32599176225459,34.785665020909519],[114.340238785027,34.783285559903689],[114.34392694958605,34.782482491814221],[114.34749614109481,34.782095829400774],[114.35279044183278,34.781738910249899],[114.35817397235847,34.78123327478616],[114.35897704044793,34.783374789691401],[114.36022625747599,34.786200399635824],[114.36135650145376,34.788044481915342],[114.36263546174439,34.790929578384919],[114.36320058373327,34.793606472016478],[114.36311135394556,34.794915175569685],[114.36379663871526,34.797542100520133],[114.36419638816425,34.798798455931212],[114.36476745880564,34.799369526572612],[114.36528142238289,34.799997704278155],[114.36573827889602,34.800911417304391],[114.36642356366571,34.804794697665912],[114.36579538596015,34.805422875371455],[114.36705174137124,34.810448297015775],[114.3687078462313,34.817529572969129],[114.36887916742371,34.819299891957471],[114.35517347203012,34.821241532138231],[114.3478637678202,34.822440780485167],[114.34575080644703,34.822440780485167],[114.34215306140621,34.822326566356885],[114.33935481526335,34.822326566356885],[114.3361568196715,34.822554994613448],[114.33521455311319,34.822712039039835],[114.33517172281508,34.822455057251204]]},"properties":{"FID":0,"Id":0,"fillcolor":"rgba(28, 214, 108,1)"}},{"type":"Feature","id":1,"geometry":{"type":"LineString","coordinates":[[114.36743245513225,34.800673471203794],[114.38147127506663,34.800625881983677],[114.38139989123646,34.78699157042027],[114.38175681038733,34.779639035912254],[114.36690897371095,34.779995955063129],[114.36141241878748,34.780781177195053],[114.36098887472845,34.781861452491704],[114.36017985798647,34.783384307535435],[114.3617027130302,34.785811357761382],[114.362844854313,34.787572158905697],[114.36336833573428,34.789285370829894],[114.36417735247626,34.791379296515025],[114.36455806623719,34.793425632980039],[114.36484360155789,34.795329201784703],[114.36555743985964,34.797375538249717],[114.36627127816139,34.798708036412982],[114.36679475958267,34.799326696274505],[114.36722306256372,34.800135713016488],[114.36741341944419,34.80065919443777]]},"properties":{"FID":1,"Id":0,"fillcolor":"rgba(251, 194, 26,1)"}},{"type":"Feature","id":2,"geometry":{"type":"LineString","coordinates":[[114.18067926835914,34.796982927183748],[114.23036241416088,34.797839533145847],[114.23000549501,34.780707413903869],[114.22864920223668,34.780850181564219],[114.19538433737517,34.774354253018302],[114.18524783349034,34.772212738113055],[114.18596167179209,34.782135090507367],[114.18546198498086,34.786989190959261],[114.18067926835914,34.797125694844098]]},"properties":{"FID":2,"Id":0,"fillcolor":"rgba(232, 64, 51,1)"}}]} \ No newline at end of file diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b65fcab..f9620a8 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -213,20 +213,20 @@ getWeather(); }); onBeforeUnmount(() => { - if (!newfiberMap) return; - if (newfiberMap) { - let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; - newfiberMap.getMap().imageryLayers.removeAll(); - newfiberMap.getMap().entities.removeAll(); - newfiberMap.getMap().scene.primitives.removeAll(); - newfiberMap.getMap().destroy(); - if (_originalGLContext) { - _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); - _originalGLContext = null; - } - newfiberMap.baseMap.map = null; - newfiberMap = null; - } + // if (!newfiberMap) return; + // if (newfiberMap) { + // let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; + // newfiberMap.getMap().imageryLayers.removeAll(); + // newfiberMap.getMap().entities.removeAll(); + // newfiberMap.getMap().scene.primitives.removeAll(); + // newfiberMap.getMap().destroy(); + // if (_originalGLContext) { + // _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); + // _originalGLContext = null; + // } + // newfiberMap.baseMap.map = null; + // newfiberMap = null; + // } }); diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 31ba4f6..dd80883 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -271,7 +271,7 @@ zoom: 10.4, pitch: 10, }); - }, 3000); + }, 5000); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter1, 'oneCenter'); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter2, 'oneCenter'); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter, 'oneCenter'); diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue b/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue index ff77f41..07bcca0 100644 --- a/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue +++ b/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue @@ -45,11 +45,13 @@ import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png'; import newfiberVectorLayer from '@/views/sponeScreen/gisMF/newfiberVectorLayer.js'; import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js'; +import projectArea from '@/assets/geojson/kaifeng/projectArea.json'; import { nextTick, onMounted } from 'vue'; const emitM = defineEmits(); const listDataXm = ref([]); const listActive = ref({}); const searvhDate = ref(''); +const projectTimer = ref(null); const obj = { 海绵建筑与社区: jzsq, 海绵型道路广场: dlgc, @@ -194,11 +196,22 @@ onMounted(() => { bus.emit('setIniteLayer', []); addProjectLayers(); + newfiberMapbox.map.easeTo({ - center: [114.35, 34.802], - zoom: 12.9, + center: [114.345, 34.801], + zoom: 13.8, pitch: 55, }); + newfiberMapBoxVectorLayer.addGeojsonLine('projectArea', projectArea, 20, 0.4, 0.6); + newfiberMapBoxVectorLayer.addGeojsonLine('projectArea_dynamicLine', projectArea, 3, 0.8); + let lineWidth = 1; + projectTimer.value = setInterval(() => { + lineWidth += 0.5; + if (lineWidth > 10) { + lineWidth = 3; + } + newfiberMapbox.map.setPaintProperty('projectArea_dynamicLine', 'line-width', lineWidth); + }); newfiberMapbox.map.on('click', ['polygonGeojson', 'lineGeojson', 'pointGeojson'], e => { const feature = newfiberMapbox.map .queryRenderedFeatures([ @@ -220,7 +233,9 @@ // }); }); onBeforeUnmount(() => { + clearInterval(projectTimer.value); if (!newfiberMapbox) return; + newfiberMapBoxVectorLayer.removeByIds([ 'polygonGeojson', 'lineGeojson', @@ -228,6 +243,8 @@ 'polygonGeojson_label', 'lineGeojson_label', 'pointGeojson_label', + 'projectArea', + 'projectArea_dynamicLine', ]); }); diff --git a/src/assets/geojson/kaifeng/projectArea.json b/src/assets/geojson/kaifeng/projectArea.json new file mode 100644 index 0000000..7eb3138 --- /dev/null +++ b/src/assets/geojson/kaifeng/projectArea.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","id":0,"geometry":{"type":"LineString","coordinates":[[114.33515823920274,34.822454264097516],[114.33453957934123,34.820265159972152],[114.33349261649866,34.817980877406555],[114.33192217223481,34.815839362501308],[114.33120833393306,34.814173739797219],[114.33025654953073,34.811889457231622],[114.32997101421003,34.809890709986725],[114.32934283650448,34.807711123705381],[114.32831782066461,34.804436014923141],[114.32785782979738,34.803056042321487],[114.3275534818281,34.801733917658737],[114.32745513077317,34.800528324082443],[114.32655093559096,34.797101900234047],[114.32674129247143,34.796530829592648],[114.32774066609387,34.795531455970192],[114.32807379063469,34.794960385328793],[114.32602745416968,34.786965396349203],[114.3260417309357,34.786380048941766],[114.32599176225459,34.785665020909519],[114.340238785027,34.783285559903689],[114.34392694958605,34.782482491814221],[114.34749614109481,34.782095829400774],[114.35279044183278,34.781738910249899],[114.35817397235847,34.78123327478616],[114.35897704044793,34.783374789691401],[114.36022625747599,34.786200399635824],[114.36135650145376,34.788044481915342],[114.36263546174439,34.790929578384919],[114.36320058373327,34.793606472016478],[114.36311135394556,34.794915175569685],[114.36379663871526,34.797542100520133],[114.36419638816425,34.798798455931212],[114.36476745880564,34.799369526572612],[114.36528142238289,34.799997704278155],[114.36573827889602,34.800911417304391],[114.36642356366571,34.804794697665912],[114.36579538596015,34.805422875371455],[114.36705174137124,34.810448297015775],[114.3687078462313,34.817529572969129],[114.36887916742371,34.819299891957471],[114.35517347203012,34.821241532138231],[114.3478637678202,34.822440780485167],[114.34575080644703,34.822440780485167],[114.34215306140621,34.822326566356885],[114.33935481526335,34.822326566356885],[114.3361568196715,34.822554994613448],[114.33521455311319,34.822712039039835],[114.33517172281508,34.822455057251204]]},"properties":{"FID":0,"Id":0,"fillcolor":"rgba(28, 214, 108,1)"}},{"type":"Feature","id":1,"geometry":{"type":"LineString","coordinates":[[114.36743245513225,34.800673471203794],[114.38147127506663,34.800625881983677],[114.38139989123646,34.78699157042027],[114.38175681038733,34.779639035912254],[114.36690897371095,34.779995955063129],[114.36141241878748,34.780781177195053],[114.36098887472845,34.781861452491704],[114.36017985798647,34.783384307535435],[114.3617027130302,34.785811357761382],[114.362844854313,34.787572158905697],[114.36336833573428,34.789285370829894],[114.36417735247626,34.791379296515025],[114.36455806623719,34.793425632980039],[114.36484360155789,34.795329201784703],[114.36555743985964,34.797375538249717],[114.36627127816139,34.798708036412982],[114.36679475958267,34.799326696274505],[114.36722306256372,34.800135713016488],[114.36741341944419,34.80065919443777]]},"properties":{"FID":1,"Id":0,"fillcolor":"rgba(251, 194, 26,1)"}},{"type":"Feature","id":2,"geometry":{"type":"LineString","coordinates":[[114.18067926835914,34.796982927183748],[114.23036241416088,34.797839533145847],[114.23000549501,34.780707413903869],[114.22864920223668,34.780850181564219],[114.19538433737517,34.774354253018302],[114.18524783349034,34.772212738113055],[114.18596167179209,34.782135090507367],[114.18546198498086,34.786989190959261],[114.18067926835914,34.797125694844098]]},"properties":{"FID":2,"Id":0,"fillcolor":"rgba(232, 64, 51,1)"}}]} \ No newline at end of file diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b65fcab..f9620a8 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -213,20 +213,20 @@ getWeather(); }); onBeforeUnmount(() => { - if (!newfiberMap) return; - if (newfiberMap) { - let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; - newfiberMap.getMap().imageryLayers.removeAll(); - newfiberMap.getMap().entities.removeAll(); - newfiberMap.getMap().scene.primitives.removeAll(); - newfiberMap.getMap().destroy(); - if (_originalGLContext) { - _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); - _originalGLContext = null; - } - newfiberMap.baseMap.map = null; - newfiberMap = null; - } + // if (!newfiberMap) return; + // if (newfiberMap) { + // let _originalGLContext = newfiberMap.getMap().scene?.context._originalGLContext; + // newfiberMap.getMap().imageryLayers.removeAll(); + // newfiberMap.getMap().entities.removeAll(); + // newfiberMap.getMap().scene.primitives.removeAll(); + // newfiberMap.getMap().destroy(); + // if (_originalGLContext) { + // _originalGLContext.getExtension('WEBGL_lose_context').loseContext(); + // _originalGLContext = null; + // } + // newfiberMap.baseMap.map = null; + // newfiberMap = null; + // } }); diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue index 31ba4f6..dd80883 100644 --- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue +++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue @@ -271,7 +271,7 @@ zoom: 10.4, pitch: 10, }); - }, 3000); + }, 5000); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter1, 'oneCenter'); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter2, 'oneCenter'); // newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter, 'oneCenter'); diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue b/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue index ff77f41..07bcca0 100644 --- a/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue +++ b/src/views/sponeScreen/projectHM/ProjectDisplay_1.vue @@ -45,11 +45,13 @@ import Architectural from '@/assets/newImgs/HMScreen/Architectural_icon.png'; import newfiberVectorLayer from '@/views/sponeScreen/gisMF/newfiberVectorLayer.js'; import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js'; +import projectArea from '@/assets/geojson/kaifeng/projectArea.json'; import { nextTick, onMounted } from 'vue'; const emitM = defineEmits(); const listDataXm = ref([]); const listActive = ref({}); const searvhDate = ref(''); +const projectTimer = ref(null); const obj = { 海绵建筑与社区: jzsq, 海绵型道路广场: dlgc, @@ -194,11 +196,22 @@ onMounted(() => { bus.emit('setIniteLayer', []); addProjectLayers(); + newfiberMapbox.map.easeTo({ - center: [114.35, 34.802], - zoom: 12.9, + center: [114.345, 34.801], + zoom: 13.8, pitch: 55, }); + newfiberMapBoxVectorLayer.addGeojsonLine('projectArea', projectArea, 20, 0.4, 0.6); + newfiberMapBoxVectorLayer.addGeojsonLine('projectArea_dynamicLine', projectArea, 3, 0.8); + let lineWidth = 1; + projectTimer.value = setInterval(() => { + lineWidth += 0.5; + if (lineWidth > 10) { + lineWidth = 3; + } + newfiberMapbox.map.setPaintProperty('projectArea_dynamicLine', 'line-width', lineWidth); + }); newfiberMapbox.map.on('click', ['polygonGeojson', 'lineGeojson', 'pointGeojson'], e => { const feature = newfiberMapbox.map .queryRenderedFeatures([ @@ -220,7 +233,9 @@ // }); }); onBeforeUnmount(() => { + clearInterval(projectTimer.value); if (!newfiberMapbox) return; + newfiberMapBoxVectorLayer.removeByIds([ 'polygonGeojson', 'lineGeojson', @@ -228,6 +243,8 @@ 'polygonGeojson_label', 'lineGeojson_label', 'pointGeojson_label', + 'projectArea', + 'projectArea_dynamicLine', ]); }); diff --git a/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue b/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue index 70045f5..c28a703 100644 --- a/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue +++ b/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue @@ -194,7 +194,7 @@ searchData(); //搜索 setTimeout(() => { addRiverSuperVise(); - }, 1000); + }, 2000); });