| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2024-10-31 10:47:29 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-11-22 15:37:11 |
| | | * @LastEditTime: 2024-11-23 17:09:04 |
| | | * @FilePath: \bigScreen\src\pages\layout\components\scomponents\layersControl.vue |
| | | * @Description: |
| | | * |
| | |
| | | subType: '3Dtile', |
| | | urlData: [ |
| | | { |
| | | url: VITE_APP_BASE + 'mx/tile_01/tileset.json', |
| | | url: VITE_APP_BASE + 'mx/tile_01/Data/tileset.json', |
| | | label: 'tile_01' |
| | | }, |
| | | { |
| | | url: VITE_APP_BASE + 'mx/tile_02/tileset.json', |
| | | label: 'tile_02' |
| | | }, |
| | | { |
| | | url: VITE_APP_BASE + 'mx/tile_03/tileset.json', |
| | | label: 'tile_03' |
| | | }, |
| | | { |
| | | url: VITE_APP_BASE + 'mx/tile_04/tileset.json', |
| | | label: 'tile_04' |
| | | }, |
| | | { |
| | | url: VITE_APP_BASE + 'mx/tile_05/tileset.json', |
| | | label: 'tile_05' |
| | | }, |
| | | } |
| | | ], |
| | | layerName: 'hgyq' |
| | | }, |
| | |
| | | subType: 'geojsonPipe', |
| | | layerName: 'wsgw', |
| | | source: wsgw, |
| | | color: DC.Color.BLACK, |
| | | color: DC.Color.DARKBLUE, |
| | | height: 68, |
| | | }, |
| | | { |
| | |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy.png', |
| | | showPanel: false, |
| | | layerName: 'fxyOrdinary', |
| | | incident: (e) => { |
| | | const { attrParams } = e.overlay |
| | | // 删除 |
| | | destroy() |
| | | addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name) |
| | | window.$viewer.addLayer(addPupoLayers[attrParams.name]) |
| | | let iconEl = `<div class="marsBlueGradientPnl"> |
| | | <li>${attrParams.firmName || ''}</li> |
| | | <li>${attrParams.riskLevelName || ''}</li> |
| | | </div>` |
| | | let divIcon = new DC.DivIcon( |
| | | new DC.Position(attrParams.lng, attrParams.lat, 64), |
| | | `<div class="public-map-popup-three"> |
| | | ${iconEl} |
| | | </div>` |
| | | ) |
| | | let incident = () => { |
| | | destroy() |
| | | } |
| | | divIcon.on(DC.MouseEventType.CLICK, incident) |
| | | addPupoLayers[attrParams.name].addOverlay(divIcon) |
| | | } |
| | | }, |
| | | { |
| | | id: '4-2', |
| | |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/fxy.png', |
| | | showPanel: false, |
| | | layerName: 'fxyLarger', |
| | | incident: (e) => { |
| | | const { attrParams } = e.overlay |
| | | // 删除 |
| | | destroy() |
| | | addPupoLayers[attrParams.name] = new DC.HtmlLayer(attrParams.name) |
| | | window.$viewer.addLayer(addPupoLayers[attrParams.name]) |
| | | let iconEl = `<div class="marsBlueGradientPnl"> |
| | | <li>${attrParams.firmName || ''}</li> |
| | | <li>${attrParams.riskLevelName || ''}</li> |
| | | </div>` |
| | | let divIcon = new DC.DivIcon( |
| | | new DC.Position(attrParams.lng, attrParams.lat, 64), |
| | | `<div class="public-map-popup-three"> |
| | | ${iconEl} |
| | | </div>` |
| | | ) |
| | | let incident = () => { |
| | | destroy() |
| | | } |
| | | divIcon.on(DC.MouseEventType.CLICK, incident) |
| | | addPupoLayers[attrParams.name].addOverlay(divIcon) |
| | | } |
| | | } |
| | | ] |
| | | }, |
| | |
| | | |
| | | { |
| | | id: '7', |
| | | label: '地图全景点位分布', |
| | | label: '空中全景分布', |
| | | type: 'layer', |
| | | subType: 'labelPoint', |
| | | method: getPanoramaList, |
| | | params: { |
| | | size: 1000 |
| | | size: 1000, |
| | | remark: '1' |
| | | }, |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/qj.png', |
| | | showPanel: false, |
| | | layerName: 'kzqjdwfb', |
| | | incident: (e) => { |
| | | const { attrParams } = e.overlay |
| | | panoramaTitle.value = attrParams.name |
| | | if ( |
| | | attrParams.url.indexOf("http://vr.jxpskj.com:180") != -1 |
| | | ) { |
| | | attrParams.url = attrParams.url.replace( |
| | | "http://vr.jxpskj.com:180", |
| | | "/panorama" |
| | | ) |
| | | } |
| | | panoramaUrl.value = attrParams.url |
| | | panoramaShow.value = true |
| | | } |
| | | }, |
| | | { |
| | | id: '8', |
| | | label: '地面全景分布', |
| | | type: 'layer', |
| | | subType: 'labelPoint', |
| | | method: getPanoramaList, |
| | | params: { |
| | | size: 1000, |
| | | remark: '2' |
| | | }, |
| | | backgroundIcon: VITE_APP_BASE + 'img/mapicon/qj.png', |
| | | showPanel: false, |
| | |
| | | |
| | | if (checkType(nodes) == 'arr') { |
| | | nodes.forEach(item => { |
| | | if (item.type == 'layer') { |
| | | collectedNodes.value.push(item) |
| | | } |
| | | if (item) { |
| | | if (item.type == 'layer') { |
| | | collectedNodes.value.push(item) |
| | | } |
| | | |
| | | if (item.children && item.children.length > 0) { |
| | | collectNodesWithFlag(item.children) |
| | | if (item.children && item.children.length > 0) { |
| | | collectNodesWithFlag(item.children) |
| | | } |
| | | } |
| | | }) |
| | | } |
| | |
| | | |
| | | window.addTileLayers[item.layerName] = item.urlData.map(i => { |
| | | let tile = new DC.Tileset(i.url, { |
| | | maximumMemoryUsage: 1024 * 1024 * 1024, |
| | | maximumScreenSpaceError: 48, |
| | | maximumMemoryUsage: 256, |
| | | maximumScreenSpaceError: 4, |
| | | skipLevels: 5, |
| | | skipLevelOfDetail: true, |
| | | skipScreenSpaceErrorFactor: 128 |
| | |
| | | } else { |
| | | window.addTileLayers[item.layerName].show = true |
| | | } |
| | | // 飞到园区范围 |
| | | window.$viewer.flyTo(addTileLayers[item.layerName]) |
| | | console.log(addTileLayers[item.layerName], "22222222222222222222222222222222") |
| | | // console.log('flyToyqfw********2222222222*******************************', addTileLayers[item.layerName]) |
| | | } else if (item.subType == 'geojsonPipe') { |
| | | if (!window.addTileLayers[item.layerName]) { |
| | | window.addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName) |
| | | window.$viewer.addLayer(window.addTileLayers[item.layerName]) |
| | | |
| | | function computeCircle (radius) { |
| | | function computeCircle(radius) { |
| | | var positions = [] |
| | | for (var i = 0; i < 360; i++) { |
| | | var radians = DC.Math.toRadians(i) |
| | |
| | | }) |
| | | } |
| | | |
| | | function findObjectById (data, id) { |
| | | function findObjectById(data, id) { |
| | | // 遍历数据数组 |
| | | for (let i = 0; i < data.length; i++) { |
| | | const item = data[i] |
| | |
| | | handleCheckChange([findObjectById(data, key)]) |
| | | } |
| | | |
| | | // 飞到园区范围 |
| | | const flyToyqfw = () => { |
| | | // console.log('flyToyqfw***************************************', addTileLayers['yqfw']) |
| | | window.$viewer.flyTo(addTileLayers['yqfw']) |
| | | } |
| | | |
| | | EventBus.on('restHandleCheckChange', restHandleCheckChange) |
| | | EventBus.on('restHandleDelChange', restHandleDelChange) |
| | | EventBus.on('flyToyqfw', flyToyqfw) |
| | | |
| | | onMounted(() => { |
| | | handleCheckChange(data.filter(i => indexPoint.value.includes(i.id))) |
| | |
| | | // }); |
| | | |
| | | // 销毁 |
| | | function destroy () { |
| | | function destroy() { |
| | | let arr = Object.keys(addPupoLayers) |
| | | arr.filter(i => i != 'hgyq').forEach(i => { |
| | | addPupoLayers[i] && window.$viewer.removeLayer(addPupoLayers[i]) |