| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2024-10-31 10:47:29 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-12-03 12:51:24 |
| | | * @LastEditTime: 2024-12-03 13:44:43 |
| | | * @FilePath: \bigScreen\src\pages\map\components\scomponents\layersControl.vue |
| | | * @Description: |
| | | * |
| | |
| | | import { getList as getRiskList } from "@/api/riskSource/riskSource" |
| | | import { getPanoramaList } from "@/api/panorama/" |
| | | import yqfw from "@/assets/json/yqfw" |
| | | import gsgw from "@/assets/json/gsgw" |
| | | import rqgw from "@/assets/json/rqgw" |
| | | // import gsgw from "@/assets/json/gsgw" |
| | | // import rqgw from "@/assets/json/rqgw" |
| | | import wsgw from "@/assets/json/wsgw" |
| | | import ysgw from "@/assets/json/ysgw" |
| | | import { onUnmounted } from 'vue' |
| | |
| | | color: DC.Color.CYAN.withAlpha(0.9), |
| | | height: 60, |
| | | }, |
| | | { |
| | | id: '3-3-1', |
| | | label: '给水管网', |
| | | type: 'layer', |
| | | subType: 'geojsonPipe', |
| | | layerName: 'gsgw', |
| | | source: gsgw, |
| | | color: DC.Color.BLUE.withAlpha(0.9), |
| | | height: 60.4, |
| | | }, |
| | | { |
| | | id: '3-3-3', |
| | | label: '燃气管网', |
| | | type: 'layer', |
| | | subType: 'geojsonPipe', |
| | | layerName: 'rqgw', |
| | | source: rqgw, |
| | | color: DC.Color.RED.withAlpha(0.9), |
| | | height: 60.6, |
| | | }, |
| | | // { |
| | | // id: '3-3-1', |
| | | // label: '给水管网', |
| | | // type: 'layer', |
| | | // subType: 'geojsonPipe', |
| | | // layerName: 'gsgw', |
| | | // source: gsgw, |
| | | // color: DC.Color.BLUE.withAlpha(0.9), |
| | | // height: 60.4, |
| | | // }, |
| | | // { |
| | | // id: '3-3-3', |
| | | // label: '燃气管网', |
| | | // type: 'layer', |
| | | // subType: 'geojsonPipe', |
| | | // layerName: 'rqgw', |
| | | // source: rqgw, |
| | | // color: DC.Color.RED.withAlpha(0.9), |
| | | // height: 60.6, |
| | | // }, |
| | | ] |
| | | }, |
| | | |
| | |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-jd.png', |
| | | showPanel: false, |
| | | layerName: 'fxyLarger', |
| | | incident: (e) => { |
| | | const { attrParams } = e.overlay |
| | | // 删除 |
| | | destroyPop() |
| | | addPopLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name) |
| | | window.$viewer.addLayer(addPopLayers[attrParams.name]) |
| | | let iconEl = `<div class="marsBlueGradientPnl"> |
| | | <li>${attrParams.firmName || ''}</li> |
| | | <li>${attrParams.name || ''}</li> |
| | | <li>${attrParams.riskLevelName || ''}</li> |
| | | </div>` |
| | | let divIcon = new DC.DivIcon( |
| | | new DC.Position(attrParams.lng, attrParams.lat, attrParams.ele || 64), |
| | | `<div class="public-map-popup-three"> |
| | | ${iconEl} |
| | | </div>` |
| | | ) |
| | | let incident = () => { |
| | | destroyPop() |
| | | } |
| | | divIcon.on(DC.MouseEventType.CLICK, incident) |
| | | addPopLayers[attrParams.name].addOverlay(divIcon) |
| | | } |
| | | }, |
| | | { |
| | | id: '4-9', |
| | | label: '暂定', |
| | | type: 'layer', |
| | | subType: 'labelPoint', |
| | | method: getRiskList, |
| | | params: { |
| | | riskLevel: 9, |
| | | size: 1000 |
| | | }, |
| | | showParams: 'category', |
| | | className: 'fxy-zd', |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy-zd.png', |
| | | showPanel: false, |
| | | layerName: 'fxyZdLarger', |
| | | incident: (e) => { |
| | | const { attrParams } = e.overlay |
| | | // 删除 |
| | |
| | | EventBus.emit('restHandleDelChange', `3-1`) |
| | | EventBus.emit('restHandleDelChange', `3-2`) |
| | | EventBus.emit('restHandleDelChange', `3-3`) |
| | | EventBus.emit('restHandleDelChange', `3-3-1`) |
| | | // EventBus.emit('restHandleDelChange', `3-3-1`) |
| | | EventBus.emit('restHandleDelChange', `3-3-2`) |
| | | EventBus.emit('restHandleDelChange', `3-3-3`) |
| | | // EventBus.emit('restHandleDelChange', `3-3-3`) |
| | | EventBus.emit('restHandleDelChange', `3-3-4`) |
| | | EventBus.emit('restHandleDelChange', `3-4`) |
| | | EventBus.emit('restHandleDelChange', `3-5`) |
| | |
| | | EventBus.emit('restHandleDelChange', `4`) |
| | | EventBus.emit('restHandleDelChange', `4-1`) |
| | | EventBus.emit('restHandleDelChange', `4-2`) |
| | | EventBus.emit('restHandleDelChange', `4-9`) |
| | | |
| | | EventBus.emit('restHandleDelChange', `8`) |
| | | destroyPop() |
| | | } |
| | |
| | | // 销毁 |
| | | function destroyPop () { |
| | | let arr = Object.keys(addPopLayers) |
| | | if(arr.length > 0){ |
| | | if (arr.length > 0) { |
| | | arr.forEach(i => { |
| | | addPopLayers[i] && window.$viewer && window.$viewer.removeLayer(addPopLayers[i]) |
| | | addPopLayers[i] = null |
| | | delete addPopLayers[i] |
| | | }) |
| | | addPopLayers = {} |
| | | addPopLayers[i] && window.$viewer && window.$viewer.removeLayer(addPopLayers[i]) |
| | | addPopLayers[i] = null |
| | | delete addPopLayers[i] |
| | | }) |
| | | addPopLayers = {} |
| | | } |
| | | } |
| | | |