From 12075d0fa73d963ff5d6dbc4727fb95fb6084961 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期五, 01 三月 2024 09:32:40 +0800
Subject: [PATCH] 代码更新
---
src/assets/js/Map/menuTool.js | 229 ++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 218 insertions(+), 11 deletions(-)
diff --git a/src/assets/js/Map/menuTool.js b/src/assets/js/Map/menuTool.js
index c86067e..08e846a 100644
--- a/src/assets/js/Map/menuTool.js
+++ b/src/assets/js/Map/menuTool.js
@@ -6,6 +6,7 @@
// import { Store } from "vuex";
import store from "@/store";
import temporaryTool from "./temporaryTools";
+import { getToken } from "@/utils/auth";
const menuTool = {
toolMenu: null,
toolFlag: null,
@@ -20,6 +21,8 @@
},
exportSquare: null,
imageryProvider: null,
+ legendBox: null,
+ Point1: false,
topTools(res) {
this.toolFlag = res.id;
@@ -111,9 +114,9 @@
Viewer.animation.container.style.visibility = "visible";
Viewer.timeline.container.style.visibility = "visible";
earthCtrl.shadows = true;
- earthCtrl.terrainShadows = SmartEarth.Cesium.ShadowMode.ENABLED
+ earthCtrl.terrainShadows = SmartEarth.Cesium.ShadowMode.ENABLED
- earthCtrl.shadowMap.size = 1024
+ earthCtrl.shadowMap.size = 1024
},
setLocalPosition(res) {
if (this.localPoint) {
@@ -142,6 +145,80 @@
},
//鍧″害鍒嗘瀽
setSlopeMap() {
+
+
+ if (window.esriLayer) {
+ this.setCloseEsriLayer();
+ return
+ }
+ sgworld.Creator.createSimpleGraphic('rectangle', {}, (entity) => {
+ if (entity) {
+ var west = Cesium.Math.toDegrees(
+ entity.rectangle._coordinates.getValue().west
+ ); // 鏍规嵁寮у害鑾峰彇鍒扮粡搴�
+ var east = Cesium.Math.toDegrees(
+ entity.rectangle._coordinates.getValue().east
+ ); // 鏍规嵁寮у害鑾峰彇鍒扮含搴�
+ var north = Cesium.Math.toDegrees(
+ entity.rectangle._coordinates.getValue().north
+ ); // 鏍规嵁寮у害鑾峰彇鍒扮粡搴�
+ var south = Cesium.Math.toDegrees(
+ entity.rectangle._coordinates.getValue().south
+ ); // 鏍规嵁寮у害鑾峰彇鍒扮含搴�
+ sgworld.Creator.SimpleGraphic.clear();
+ this.legendBox = [
+ west, south, east, north
+ ]
+ this.addTMSLayer(this.legendBox)
+ }
+ });
+
+ },
+ getLayrUrl(res) {
+ var url;
+ if (res.indexOf('{token}')>-1) {
+ const token = getToken();
+
+ url = config.proxy + res.replaceAll("{token}", token);
+ } else {
+ url = res;
+ }
+ return url;
+ },
+
+ addTMSLayer(obj) {
+ var esri = new Cesium.WebMapServiceImageryProvider({
+ url: config.esri,
+ name: 'esriLayer',
+ rectangle: Cesium.Rectangle.fromDegrees(obj[0], obj[1], obj[2], obj[3]),
+ crs: 'EPSG:4326',
+ //transparent: true
+ parameters: {
+ format: "image/png",
+ layers: [0]
+ }
+ });
+ window.esriLayer = Viewer.imageryLayers.addImageryProvider(esri);
+ store.state.showlegendLayer = true;
+ },
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setSlopeMap1() {
const globe = Viewer.scene.globe;
if (window.material) {
window.material = null;
@@ -167,6 +244,10 @@
Viewer.scene.globe.material = window.material;
},
setImageLayerChange() {
+ if (window.esriLayer) {
+ Viewer.imageryLayers.raiseToTop(window.esriLayer);
+
+ }
if (this.imageryProvider) {
Viewer.imageryLayers.raiseToTop(this.imageryProvider);
}
@@ -199,10 +280,10 @@
if (window.material) {
window.material = null;
globe.material = null;
-
+
store.state.slopeQueyFlag = false;
store.state.showSlopeQuey = false;
-
+
return;
}
@@ -219,9 +300,9 @@
contourUniforms.spacing = 100.0;
contourUniforms.color = contourColor;
globe.material = window.material;
-
+
},
-
+
zeroFill(num, len, radix) {
var str = num.toString(radix || 10)
while (str.length < len) {
@@ -434,9 +515,9 @@
break;
case "l3": //鍦ㄧ嚎鍒跺浘
store.state.isShowMap = true;
- setTimeout(() => {
+ setTimeout(() => {
this.setThematicMap();
- }, 200);
+ }, 200);
break;
case "l4":
@@ -538,7 +619,7 @@
//鍦ㄧ嚎鍒跺浘
setThematicMap() {
-
+
earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE2D;
// var handle = new SmartEarth.Cesium.ScreenSpaceEventHandler(
// earthCtrl.viewer.scene.canvas
@@ -573,6 +654,8 @@
window.rightViewer.imageryLayers.removeAll();
window.rightViewer = DoubleScreen.right._Viewer;
window.rightViewer.animation.container.style.visibility = "hidden";
+ window.rightViewer.scene.sun.show = false; //闅愯棌澶槼鍜屾湀浜�
+ window.rightViewer.scene.moon.show = false;
// window.rightViewer.timeline.container.style.visibility = "hidden";
//澶ф皵灞�
window.rightViewer.scene.globe.showGroundAtmosphere = false;
@@ -628,14 +711,128 @@
},
//鐐规极娓�
pointRoam() {
- earthCtrl.Analysis.setPointFly();
+ store.state.menuFlag = "pointRoam"
+
+ Viewer.scene.globe.depthTestAgainstTerrain = true;
+ let tooltip = earthCtrl.Core.CreateTooltip();
+ let isFly = false, PointFly;
+ let distance = 2000 //璁剧疆璺濈閫夋嫨鐐硅瀵熺殑鍒濆楂樺害
+ //璁剧疆榧犳爣鏍峰紡
+ earthCtrl.Core.mouse(earthCtrl.Viewer.container, 1, SmartEarthRootUrl + 'Workers/image/cursor/draw.cur');
+ const pickHandler = new Cesium.ScreenSpaceEventHandler(earthCtrl.Viewer.scene.canvas);
+ const end = () => {
+ //鎻愮ず璇嶅叧闂�
+ tooltip.show(false);
+ pickHandler && pickHandler.destroy();
+ //榧犳爣鏍峰紡鎭㈠
+ earthCtrl.Core.mouse(earthCtrl.Viewer.container, 0);
+ PointFly.end(); //绉婚櫎鏃嬭浆瑙嗚椋炶
+ }
+ const fly = (degree) => {
+ const duration = 3 // 浠庤捣濮嬬偣椋炲埌閫夋嫨鐨勭偣浣嶆椂闂�
+ //鍥炶皟缁曢
+ const callback = function () {
+ PointFly = earthCtrl.Analysis.setPointFly({
+ position: Cesium.Cartesian3.fromDegrees(degree.lon, degree.lat, degree.height+2000),
+ distance: distance,
+ })
+ }
+ earthCtrl.camera.flyTo(degree.lon, degree.lat, 100000, 0, -90, 0, duration, callback)
+ }
+ pickHandler.setInputAction(function (movement) {
+ if (!isFly) {
+ tooltip.showAt(movement.position, '鐐瑰嚮缁撴潫缁曢');
+ isFly = true;
+ let degree = earthCtrl.Navigate.getMouseDegrees(movement);
+ fly(degree)
+ } else {
+ end();
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+
+ pickHandler.setInputAction(function (movement) {
+ !isFly && tooltip.showAt(movement.endPosition, '鐐瑰嚮閫夋嫨瀹氫綅鐐�');
+ isFly && tooltip.showAt(movement.endPosition, '鐐瑰嚮缁撴潫缁曢');
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+
+ pickHandler.setInputAction(function (movement) {
+ distance -= movement * distance / 300;
+ distance < 1 && (distance = 1);
+ PointFly.distance = distance
+ }, Cesium.ScreenSpaceEventType.WHEEL);
+
+ // earthCtrl.Analysis.setPointFly({distance:5000});
+ // earthCtrl.measure.pickPosition({}, (e) => {
+ // Viewer.scene.globe.depthTestAgainstTerrain = false;
+ // const lon = e.result.longitude
+ // const lat = e.result.latitude
+ // const alt = e.result.alt
+ // const hei = 10000 //椋炶鍒扮偣浣嶇殑楂樺害
+ // const heading = 0
+ // const pitch = -90
+ // const roll = 0
+ // const duration = 3 //椋炶鏃堕棿
+ // //鏍囪閫夋嫨鐨勭偣浣嶄负绾㈢偣
+ // const Point1 = earthCtrl.factory.createPoint({
+ // id: earthCtrl.factory.createUUID(),
+ // name: '鐐瑰嚮鐨勭偣',
+ // lon: lon,
+ // lat: lat,
+ // alt: 300,
+ // pixelSize: 15,
+ // color: SmartEarth.Cesium.Color.fromCssColorString("#ff0000"),
+ // outlineColor: SmartEarth.Cesium.Color.BLACK,
+ // outlineWidth: 1,
+ // });
+ // this.Point1 = earthCtrl.factory.createBillboard({
+ // name: "鏍囩鐐�",
+ // id: earthCtrl.factory.createUUID(),
+ // image:imageUrl+"/img/mark.png",
+ // width:16,
+ // height:22,
+ // lon: lon,
+ // lat: lat,
+ // alt: 10,
+ // scale: 1.5,
+ // });
+
+
+
+
+
+ // //鍥炶皟缁曢
+ // const callback = () => {
+ // earthCtrl.tools.clearTool();//缁撴潫鎷惧彇
+ // const useTime = 5 //鍗曚綅绉�
+ // //鏃嬭浆缁曢
+ // const roate = earthCtrl.camera.rotateCamera({
+ // lon: lon,
+ // lat: lat,
+ // distance: hei,
+ // pitch: -30,
+ // time: useTime
+ // })
+ // const timeout = setTimeout(() => {
+ // roate.removeFromMap(); //绉婚櫎鏃嬭浆瑙嗚閿佸畾
+ // clearTimeout(timeout)
+ // this.Point1.removeFromMap()
+ // }, useTime * 1000);
+ // }
+ // //椋炶
+ // earthCtrl.camera.flyTo(lon, lat, hei, heading, pitch, roll, duration, callback)
+
+
+ // })
},
//绾挎极娓�
lineRoam() {
+ Viewer.scene.globe.depthTestAgainstTerrain = true;
+ // 缁樺埗璺嚎骞惰幏鍙栬矾寰勫姩鐢绘暟鎹�
earthCtrl.Command.execute(2, 3, "", (data) => {
+
data.showPoint = false;
data.showLine = true;
- data.mode = 1;
+ data.mode = 0;
// 寮圭獥鏁版嵁
window.PathAnimationData = {
flyData: data,
@@ -653,6 +850,7 @@
},
});
});
+
},
//娓呴櫎鎸夐挳
clearALL(id) {
@@ -661,10 +859,19 @@
// });
},
+ setCloseEsriLayer() {
+ if (window.esriLayer) {
+ Viewer.imageryLayers.remove(window.esriLayer);
+ window.esriLayer = null
+ this.legendBox = null;
+ store.state.showlegendLayer = false;
+ }
+ },
//娓呴櫎鏂规硶
clearTopTools(id) {
store.state.doubleMap = false;
store.state.doubleMenu = false;
+ this.setCloseEsriLayer();
if (earthCtrl.shadows) {
Viewer.animation.container.style.visibility = "hidden";
Viewer.timeline.container.style.visibility = "hidden";
--
Gitblit v1.9.3