From 4deb96597599c06813b75664a0288de66846e655 Mon Sep 17 00:00:00 2001 From: qzc Date: Sun, 8 Feb 2026 09:49:07 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9C=B0=E5=9B=BE=E5=9B=BE?= =?UTF-8?q?=E5=B1=82=E6=8E=A7=E5=88=B6=E7=AA=97=E5=8F=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/mapicon/weixianqu.png | Bin 0 -> 6912 bytes public/assets/maptool/ba.png | Bin 0 -> 5735 bytes public/assets/maptool/yihongdao.png | Bin 0 -> 6288 bytes src/config.ts | 11 - src/config/index.js | 14 +- src/models/map/index.ts | 4 +- .../Home/MapCtrl/M2D/layers/POILayer2D.js | 2 + src/views/Home/MapCtrl/M3D/Map3D.js | 6 +- src/views/Home/mapToolBox/index.js | 344 +++++++++++------- src/views/Home/mapToolBox/index.less | 51 ++- 10 files changed, 270 insertions(+), 162 deletions(-) create mode 100644 public/assets/mapicon/weixianqu.png create mode 100644 public/assets/maptool/ba.png create mode 100644 public/assets/maptool/yihongdao.png delete mode 100644 src/config.ts diff --git a/public/assets/mapicon/weixianqu.png b/public/assets/mapicon/weixianqu.png new file mode 100644 index 0000000000000000000000000000000000000000..6261de13e18fd5cccc3bc2b1a7c62a1aa4b579ba GIT binary patch literal 6912 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 literal 0 HcmV?d00001 diff --git a/public/assets/maptool/ba.png b/public/assets/maptool/ba.png new file mode 100644 index 0000000000000000000000000000000000000000..46868453c9d73be5acdb37b121a29c0b68ef5a36 GIT binary patch literal 5735 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 literal 0 HcmV?d00001 diff --git a/public/assets/maptool/yihongdao.png b/public/assets/maptool/yihongdao.png new file mode 100644 index 0000000000000000000000000000000000000000..94930e9eed43862072a2941c60d9d5505a9c3183 GIT binary patch literal 6288 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 literal 0 HcmV?d00001 diff --git a/src/config.ts b/src/config.ts deleted file mode 100644 index db7df68..0000000 --- a/src/config.ts +++ /dev/null @@ -1,11 +0,0 @@ -// @ts-ignore -const extent: [number, number, number, number] = [113.49, 29.6 , 114.84, 30.00];//地图中心矩形 -const mapCenter: [number, number] = [114.17008753, 29.74239960];//地图中心点 -const pitch3d = -40 ;//3d图默认俯仰角 -const poiPitch = -40 ;//2d图默认俯仰角 -export const config = { - pitch3d, - mapCenter, - extent, - poiPitch -}; \ No newline at end of file diff --git a/src/config/index.js b/src/config/index.js index 79a40d7..c125e36 100644 --- a/src/config/index.js +++ b/src/config/index.js @@ -1,4 +1,14 @@ +// @ts-ignore +const extent = [113.49, 29.6 , 114.84, 30.00];//地图中心矩形 +const mapCenter = [114.17008753, 29.74239960];//地图中心点 +const pitch3d = -40 ;//3d图默认俯仰角 +const poiPitch = -40 ;//2d图默认俯仰角 + export const config = { ip: 'http://223.75.53.141:83', - minioIp:"http://223.75.53.141:9100/gs-ss" -} \ No newline at end of file + minioIp:"http://223.75.53.141:9100/gs-ss", + pitch3d, + mapCenter, + extent, + poiPitch +} diff --git a/src/models/map/index.ts b/src/models/map/index.ts index 8696efa..9acb727 100644 --- a/src/models/map/index.ts +++ b/src/models/map/index.ts @@ -14,10 +14,10 @@ function initState() { AdcdLayer:true,//行政区划 // highroadLayer:false,//公路 - RealDrpLayer: true,//雨量站 + RealDrpLayer: false,//雨量站 HdswLayer:true,//水位站 GongShuiLayer:false,//流量站 - PicStLayer: false,//视频点 + PicStLayer: true,//视频点 YjgbLayer: false,//预警广播 SYLayer: false, //渗压站 SLLayer: false, //渗流站 diff --git a/src/views/Home/MapCtrl/M2D/layers/POILayer2D.js b/src/views/Home/MapCtrl/M2D/layers/POILayer2D.js index d827017..2dcb9cf 100644 --- a/src/views/Home/MapCtrl/M2D/layers/POILayer2D.js +++ b/src/views/Home/MapCtrl/M2D/layers/POILayer2D.js @@ -152,6 +152,7 @@ export default class POILayer2D extends BaseLayer2D { if (this.getLayerName() === "OfflineMap") { const offlineMapLayer = new Tile({ source: new XYZSource({ + crossOrigin:'anonymous', // url: mapUrl + "/iserver/services/map-ugcv5-YXDOM3857/rest/maps/YXDOM_20230704/zxyTileImage.png?z={z}&x={x}&y={y}&width=256&height=256" // url: "https://t{0-7}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=efc861f25f96dc6e5f884f0403ebfefd" }), @@ -189,6 +190,7 @@ export default class POILayer2D extends BaseLayer2D { const tile = new TileLayer({ source: new XYZSource({ tilePixelRatio: 1, + crossOrigin:'anonymous', //url: 'http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali', // url: 'http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=efc861f25f96dc6e5f884f0403ebfefd', //url: `http://res3dstatic{0-7}.cloudowr.cn/${localStorage.getItem('address')}/dom2/{z}/{x}/{y}.png`, diff --git a/src/views/Home/MapCtrl/M3D/Map3D.js b/src/views/Home/MapCtrl/M3D/Map3D.js index d8d0087..91bc35b 100644 --- a/src/views/Home/MapCtrl/M3D/Map3D.js +++ b/src/views/Home/MapCtrl/M3D/Map3D.js @@ -120,7 +120,7 @@ export default class Map3D extends BaseMap { if(currentPos.x===x && currentPos.y===y && currentPos.z===z){ if(flag && (Date.now() - moveStartTime >= timeInterval)){ const { lon, lat, height:olZoom } = getCameraViewCenter(viewer)||{}; - console.log(lon, lat, olZoom); + console.log('3D',lon, lat, olZoom); if(lon && lat && olZoom){ this.dispatch.runtime.setMapCenter({ center: [lon, lat], @@ -158,6 +158,10 @@ export default class Map3D extends BaseMap { if (toremove && toremove[0]) { toremove[0].style.display = 'none'; } + + //地图移动完毕后设置位置 + const {x, y, z} = viewer.camera.position + lastPosition = { x: x, y: y, z: z }; } coordinateToPixel(lgtd, lttd, elev) { diff --git a/src/views/Home/mapToolBox/index.js b/src/views/Home/mapToolBox/index.js index e9d2f40..15668db 100644 --- a/src/views/Home/mapToolBox/index.js +++ b/src/views/Home/mapToolBox/index.js @@ -4,12 +4,14 @@ import { Checkbox, message } from 'antd'; import { CloseOutlined } from '@ant-design/icons'; import { useLocation } from 'react-router' import './index.less' +import { config } from '@/config'; export default function Btn() { const dispatch = useDispatch() const location = useLocation() const showPanels = useSelector((s) => s.runtime.showPanels) const layerVisible = useSelector(s => s.map.layerVisible); + const map = useSelector(s => s.map.map); const isFullScreen = useSelector(s => s.runtime.isFullScreen) const mapCenter = useSelector(s => s.runtime.mapCenter)||{} const mode = useSelector(s=>s.map.mode) @@ -23,52 +25,75 @@ export default function Btn() { const layerVisibleChanged = (event)=>{ const vo = { [event.target.name]: event.target.checked }; + if(event.target.checked && (event.target.name==='SYLayer' || event.target.name==='SLLayer' || event.target.name==='WYLayer')){ + dispatch.runtime.setCameraTarget({ + center: [114.15437134051429, 29.744689445729758], + zoom: 18, + pitch: 60 + }) + } dispatch.map.setLayerVisible(vo); } - const mapType = (event)=>{ - const name = event.target.name - const checked = event.target.checked - - if(name==='SatelliteImage'&&checked){ + const mapType = (name)=>{ + if(name==='2d'){ dispatch.map.setMode('2d'); dispatch.map.setLayerVisible({ ['SatelliteImage']: true }); - dispatch.map.setLayerVisible({ ['OfflineMap']: false }); - dispatch.map.setLayerSetting({HLLayer: 'B'}) - dispatch.map.setLayerSetting({LakeLayer: 'B'}) } - if(name==='OfflineMap'&&checked){ - dispatch.map.setMode('2d'); - dispatch.map.setLayerVisible({ ['OfflineMap']: true }); - dispatch.map.setLayerVisible({ ['SatelliteImage']: false }); - dispatch.map.setLayerSetting({HLLayer: 'A',}) - dispatch.map.setLayerSetting({LakeLayer: 'A'}) - } - if(name === '3d'&&'&&checked'){ + if(name === '3d'){ if(location.pathname==='/mgr/sy/tqyb'){ message.error('天气预报无法切换3d视图') return } - dispatch.map.setMode('3d'); dispatch.map.setLayerVisible({ ['SatelliteImage']: false }); - dispatch.map.setLayerVisible({ ['OfflineMap']: false }); - dispatch.map.setLayerSetting({HLLayer: 'B'}) - dispatch.map.setLayerSetting({LakeLayer: 'B'}) + dispatch.map.setMode('3d'); } } + const ExportImage = async () => { + message.warn('功能开发中') + return + if(map._cesiumWidget){ + map.render(); + + // 获取Canvas + const canvas = map.scene.canvas; + + // 创建下载链接 + const downloadLink = document.createElement('a'); + downloadLink.href = canvas.toDataURL('image/png'); + downloadLink.download = 'cesium-screenshot.png'; + downloadLink.style.display = 'none'; + + // 触发下载 + document.body.appendChild(downloadLink); + downloadLink.click(); + document.body.removeChild(downloadLink); + }else{ + map.once('rendercomplete', function() { + const canvas = map.getViewport().querySelector('.ol-layer canvas'); + const link = document.createElement('a'); + link.download = 'map.png'; + link.href = canvas.toDataURL('image/png'); + link.click(); + }); + map.renderSync(); // 触发重新渲染以确保画面完整 + } + + } + return (
dispatch.runtime.setShowPanels(!showPanels)}>
-
{}}> +
{message.warn('功能开发中')}}>
dispatch.runtime.setHome()}>
-
{}}> +
{message.warn('功能开发中')}}>
{ @@ -87,7 +112,7 @@ export default function Btn() { }}>
-
{}}> +
ExportImage()}>
dispatch.runtime.setIsFullScreen(!isFullScreen)}> @@ -98,117 +123,178 @@ export default function Btn() {
-
+
- 图层显示控制 + 资源目录 setOpen(false)}/>
-
基础图层
-
-
-
行政区划
- -
-
-
-
河流
- -
-
-
-
湖泊
- -
-
-
-
3D图
- -
-
-
-
影像图
- -
-
-
-
矢量图
- -
-
监测体系
-
-
-
雨量站
- -
-
-
-
水位站
- -
-
-
-
流量站
- -
-
-
-
视频点
- -
-
-
-
预警广播
- -
-
-
-
位移站
- -
-
-
-
渗压站
- -
-
-
-
渗流站
- -
-
重点对象
-
-
-
危险区
- -
-
-
-
安置点
- -
-
-
-
企事业单位
- -
-
-
-
沿河居民户
- -
-
水利工程
-
-
-
水库监测
- -
-
-
-
水电站
- -
+
+ mapType('2d')} name={'SatelliteImage'} > 影像图 +
+ +
{ + const cameraTargeta = { + center:config.mapCenter, + zoom: 15, + pitch: config.pitch3d, + } + if(mode==='2d'){ + dispatch.runtime.setCameraTarget(cameraTargeta) + }else{ + dispatch.runtime.setMapCenter(cameraTargeta) + } + mapType('2d') + }} + > + {/*
*/} +
水库全景
+
+
{ + const cameraTargeta = { + center: [114.15437134051429, 29.744689445729758], + zoom: 14, + pitch: 60 + } + if(mode==='2d'){ + dispatch.runtime.setCameraTarget(cameraTargeta) + }else{ + dispatch.runtime.setMapCenter(cameraTargeta) + } + mapType('2d') + }} + > + {/*
*/} +
流域全景
+
+
+ mapType('3d')} name={'3d'} > 3D图 +
+
{ + const cameraTargeta = { + center: [114.15437134051429, 29.744689445729758], + zoom: 18, + pitch: 60 + } + if(mode==='3d'){ + dispatch.runtime.setCameraTarget(cameraTargeta) + }else{ + dispatch.runtime.setMapCenter(cameraTargeta) + } + mapType('3d') + }} + > +
+
主坝
+
+
{ + const cameraTargeta = { + center: [114.18263599215172, 29.747020722346193], + zoom: 18, + pitch: 60 + } + if(mode==='3d'){ + dispatch.runtime.setCameraTarget(cameraTargeta) + }else{ + dispatch.runtime.setMapCenter(cameraTargeta) + } + mapType('3d') + }} + > +
+
副坝
+
+
{ + const cameraTargeta = { + center: [114.15437134051429, 29.743689445729758], + zoom: 18, + pitch: 60 + } + if(mode==='3d'){ + dispatch.runtime.setCameraTarget(cameraTargeta) + }else{ + dispatch.runtime.setMapCenter(cameraTargeta) + } + mapType('3d') + }} + > +
+
溢洪道
+
+ +
+ 监测体系 +
+
+ +
+
水库水文站
+
+
+ +
+
流量站
+
+
+ +
+
视频站
+
+ +
+ +
+
渗压站
+
+ +
+ +
+
渗流站
+
+ +
+ +
+
位移站
+
+ + +
+ 洪水防御 +
+
+ +
+
危险区
+
+
+ +
+
安置点
+
+
+ +
+
企事业单位
+
+
+ +
+
沿河居民户
+
diff --git a/src/views/Home/mapToolBox/index.less b/src/views/Home/mapToolBox/index.less index f139115..18c8d3b 100644 --- a/src/views/Home/mapToolBox/index.less +++ b/src/views/Home/mapToolBox/index.less @@ -27,15 +27,16 @@ top: 5px; right: 45px; width: 0; - height: 550px; + height: 580px; transition: width 0.3s ease-in-out; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); overflow: hidden; .mapToolLayerBox{ position: absolute; - background: #fff; - width: 300px; + background: #1c3965f0; + border: 1px solid #2755a1; + width: 160px; height: 100%; border-radius: 4px; top: 0; @@ -44,15 +45,16 @@ .mapToolLayerBoxTitle{ height: 40px; - background-color: #eee; + border-bottom: 1px solid #2755a1; display: flex; - font-size: 15px; + font-size: 14px; font-weight: bold; align-items: center; justify-content: space-between; padding: 0 10px; .mapToolLayerBoxTitleIcon{ + font-size: 13px; cursor: pointer; } } @@ -60,20 +62,17 @@ padding: 10px; display: flex; flex-flow: wrap; - .mapToolLayerBoxTitle2{ - font-size: 14px; - height: 25px; - width: 100%; - display: flex; - align-items: center; - justify-content: left; - border-bottom: 1px solid #bfbfbf; + + .hoverBg:hover{ + background: #23477cf0; } .mapToolLayerBoxItem{ - width: 50%; - height: 40px; + color: #ffffff; + width: 100%; + height: 27px; display: flex; align-items: center; + cursor: pointer; .mapToolLayerBoxItemIcon{ width: 20px; @@ -81,18 +80,36 @@ display: flex; align-items: center; justify-content: center; - margin:0 5px 0 10px; + margin:0 10px 0 10px; + } + .mapToolLayerBoxItemIcon2{ + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + margin:0 5px 0 5px; } .mapToolLayerBoxItemIconDiv{ text-align: left; font-size: 12px; - color: #595959; + color: #ffffff; display: flex; flex:1; overflow: hidden; } .mapToolLayerBoxItemCheckBox{ margin-right: 25px; + .ant-checkbox-inner{ + background-color: transparent; + } + color: #ffffff; + } + .mapToolLayerBoxItemCheckBox2{ + .ant-checkbox-inner{ + background-color: transparent; + } + color: #ffffff; } } }