no message

src/components/jt-popup/jt-popup.vue

@@ -17,8 +17,8 @@
 			<div :class="longheader?'header long':'header'">
 				<div style="width: 20rem;"></div>
 				<span>{{title}}</span>
-				<i :class="store.userport == 'PC'?'iconfont icon-youjiantou':'iconfont icon-youjiantou'"
-					@click="closebasicLayer" style="font-size: 16rem;" />
+				<!-- <i :class="store.userport == 'PC'?'iconfont icon-youjiantou':'iconfont icon-youjiantou'"
+					@click="closebasicLayer" style="font-size: 16rem;" /> -->
 			</div>
 			<div class="middle">
 				<slot></slot>
@@ -158,7 +158,7 @@
 		font-size: 16rem;
 		color: white;
 		user-select: none;
-		animation-name: slide-right;
+		animation-name: slide-bottom;
 		animation-duration: .8s;
 
 		//头部背景图
@@ -240,7 +240,7 @@
 			height: calc(100vh - 200rem);
 			padding: 10rem;
 			border: 1rem solid #008aff70 !important;
-			background-color: rgba(5, 45, 115, 0.7) !important;
+			background-color: rgba(5, 45, 115, 0.5) !important;
 			box-shadow: 0 4rem 15rem 1rem #02213bb3;
 
 
@@ -312,7 +312,7 @@
 	@keyframes slide-bottom {
 		0% {
 			opacity: 0;
-			transform: translateY(-100%)
+			transform: translateY(100%)
 		}
 
 		100% {

src/views/Main/MainView.vue

@@ -33,13 +33,13 @@
 			<basicLayer  style="display: none;" ref="basicLayers"></basicLayer>
 			
 			<!-- 图层列表 -->
-			<!-- <jt-popupZHNY width="320rem" height="650rem" title="图层列表" top="300rem" right="800rem" v-show="layershow" class="layerStyle">
+			<jt-popup width="300rem" height="650rem" title="图层列表" top="180rem" right="1240rem" v-show="layershow" class="layerStyle">
 				<layer></layer>
-			</jt-popupZHNY> -->
+			</jt-popup>
 			
-			<div  v-show="layershow" class="layerStyle">
+			<!-- <div  v-show="layershow" class="layerStyle">
 				<layer></layer>
-			</div>
+			</div> -->
 			
 			<!-- 控制路由页面是否缓存 -->
 			<router-view v-slot="{ Component }">
@@ -119,13 +119,13 @@
 	}
 	
 	.layerStyle{
-		position: fixed;
-		left: 400rem;
-		bottom:130rem;
-		width: 320rem;
-		height: 650rem;
+		// position: fixed;
+		// left: 400rem;
+		// bottom:130rem;
+		// width: 320rem;
+		// height: 650rem;
 		overflow: hidden;
-		background-color: rgba(5, 45, 115, 0.5) !important;
+		// background-color: rgba(5, 45, 115, 0.5) !important;
 		z-index: 11;
 		user-select: none;
 		font-family: "TTTGB-Medium", sans-serif !important;
@@ -133,15 +133,16 @@
 	
 	.layerButton{
 		background: url('@/assets/images/layer/selLayer.png') no-repeat;
+		background-size: 100% 100%;
 		font-family: "TTTGB-Medium", sans-serif !important;
 		position: fixed;
 		left: 400rem;
-		bottom:70rem;
+		bottom:80rem;
 		width: 150rem;
-		height: 50rem;
+		height: 40rem;
 		// background-color: rgba(255,255,255,0.5);
 		color: #000;
-		line-height: 50rem;
+		line-height: 40rem;
 		cursor: pointer;
 		z-index: 11;
 		user-select: none;

src/views/Main/components/basicLayer.vue

@@ -225,8 +225,8 @@
 							//设置参数
 							let options = {
 								url: item.datasource, //服务地址
-								maximumLevel:12,
-								minimumLevel:4
+								maximumLevel:18,
+								minimumLevel:0
 							};
 							if (item.datasource.indexOf("map.geoq.cn") != -1) {
 								options.CRS = "WGS84";

src/views/Map3d/components/sbyxjc.vue

@@ -109,16 +109,7 @@
 		},
 		methods: {
 			flyto(num) {
-				store.isflyto = true
-				console.log(store.isflyto)
-				let PointObject = new this.jt3dSDK.PointObject(window.viewer);
-				PointObject.addPoint([120.623, 36.9157,1800]).then(res1 => {
-					var LocateUtil = new this.jt3dSDK.LocateUtil(window["viewer"]);
-					LocateUtil.flyToEntity(res1).then(res2 => {
-						console.log('定位成功')
-					})
-				})
-				// let that = this
+				let that = this
 				// that.entity1 = new Cesium.Entity({
 				// 	name: "add billboard",
 				// 	//位置
@@ -137,83 +128,39 @@
 				// 		) //按距离缩放，即距离大于180米时，图标不显示  Cesium.NearFarScalar(near, nearValue, far, farValue)相机范围的下界。相机范围下界的值。相机范围的上限。该值位于摄像机范围的上界。
 				// 	}
 				// });
-				// let flytopromise = window.viewer.flyTo(that.entity1, {
-				// 	duration: 5.0,
-				// 	maximumHeight: 1500
-				// })
-				// flytopromise.then(res => {
-				// 	console.log('定位结束' + res)
-				// })
-				// var entity = jt3d._viewer.entities.add(that.entity1, {
-				// 	// range: 1000
-				// });
-				// let terrainProvider = jt3d._viewer.terrainProvider;
-				// //异步函数
-				// let lon = 116.30
-				// let lat = 36.88
-				// let that = this
-				// if (that.entity1) {
-				// 	jt3d._viewer.entities.remove(that.entity1)
-				// }
-				// // if that.entity && jt3d._viewer.entities.remove(that.entity)
-				// // console.log('高度', updatedPositions)
-				// let height = 1000
+				let PointObject = new this.jt3dSDK.PointObject(window.viewer);
+				var LocateUtil = new this.jt3dSDK.LocateUtil(window["viewer"]);
+				let Drawtools =  new this.jt3dSDK.DrawTools(window.viewer)
+				//_createCircle
+				PointObject.addBillboard([120.623, 36.9157,100], {
+					billboard: {
+						imgUrl: 'jt3dSDK/imgs/jijing1.png',
+						scale: 0.2,
+					}
+				}).then(res1 => {
+					var LocateUtil = new this.jt3dSDK.LocateUtil(window["viewer"]);
+					LocateUtil.flyToEntity(res1).then(res2 => {
+						console.log('定位成功')
+						// let popup = new that.jt3dSDK.Popupwindow.HtmlWindow(window"viewer"1,cPoint,"位置信息", html,-30);
+						// Drawtools._createCircle( Cesium.Cartesian3.fromDegrees(120.623, 36.9157),'dynamicCircle')
+					})
+				})
 
-				// that.entity1 = new Cesium.Entity({
-				// 	name: "add billboard",
-				// 	//位置
-				// 	position: Cesium.Cartesian3.fromDegrees(120.623, 36.9157, 100),
-				// 	//图片标签
-				// 	billboard: {
-				// 		image: 'jt3dSDK/imgs/point/point.png',
-				// 		horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平
-				// 		verticalOrigin: Cesium.VerticalOrigin.BOTTOM, //垂直位置
-				// 		// scale: billboard.scale, //尺寸
-				// 		// pixelOffset: new Cesium.Cartesian2(0, billboard.pixelOffset),
-				// 		disableDepthTestDistance: Number.POSITIVE_INFINITY,
-				// 		scale: 1,
-				// 		// scaleByDistance: new Cesium.NearFarScalar(1.5e2, 1, 2400,
-				// 		// 		0
-				// 		// 		) //按距离缩放，即距离大于180米时，图标不显示  Cesium.NearFarScalar(near, nearValue, far, farValue)相机范围的下界。相机范围下界的值。相机范围的上限。该值位于摄像机范围的上界。
-				// 	}
-				// });
-				// // var entity = jt3d._viewer.entities.add(that.entity1, {
-				// // 	// range: 1000
-				// // });
-				// // jt3d.LocateUtil.flyToEntity(that.entity)
-				// let flytopromise = jt3d._viewer.flyTo(that.entity1, {
-				// 	duration: 5.0,
-				// 	maximumHeight: 1500
-				// })
-				// flytopromise.then(res => {
-				// 	console.log('定位结束' + res)
+				// LocateUtil.flyToEntity(that.entity1, {
+				// 	range: 400
+				// }).then(res2 => {
+				// 	console.log('定位成功', res2)
 				// })
-				// jt3d._viewer.camera.flyTo({
-				// 	destination: Cesium.Cartesian3.fromDegrees(120.623, 36.9157, 1500)
-				// });
-
 
-				// let lng = Number(114.22) + Number(num)
-				// this.entity = new Cesium.Entity({
-				// 	name: "add billboard",
-				// 	//位置
-				// 	position: Cesium.Cartesian3.fromDegrees(116.33, 37.66, 500),
-				// 	//图片标签
-				// 	billboard: {
-				// 		image: 'jt3dSDK/imgs/point/point.png',
-				// 		horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平
-				// 		verticalOrigin: Cesium.VerticalOrigin.BOTTOM, //垂直位置
-				// 		// scale: billboard.scale, //尺寸
-				// 		// pixelOffset: new Cesium.Cartesian2(0, billboard.pixelOffset),
-				// 		disableDepthTestDistance: Number.POSITIVE_INFINITY,
-				// 		scale: 1,
-				// 		scaleByDistance: new Cesium.NearFarScalar(1.5e2, 1, 2400, 0) //按距离缩放，即距离大于180米时，图标不显示  Cesium.NearFarScalar(near, nearValue, far, farValue)相机范围的下界。相机范围下界的值。相机范围的上限。该值位于摄像机范围的上界。
-				// 	}
-				// });
-
-				// jt3d._viewer.entities.add(this.entity, {
-				// 	range: 1000
-				// });
+				//====实现
+				/* let PointObject = new this.jt3dSDK.PointObject(window.viewer);
+				var LocateUtil = new this.jt3dSDK.LocateUtil(window["viewer"]);
+				PointObject.addPoint([120.623, 36.9157, 1800]).then(res1 => {
+					console.log('res',res1)
+					LocateUtil.flyToEntity(res1).then(res2 => {
+						console.log('定位成功', res2)
+					})
+				}) */
 
 			}
 		},

src/views/test/test.vue

@@ -35,6 +35,11 @@
 	<jt-popup3  title="土地墒情监测数据" top="calc(calc(100% - 115rem) / 3 + calc(100% - 115rem) / 3 + 90rem)">
 		<SoilMoisture></SoilMoisture>
 	</jt-popup3>
+	
+	<div class="layerButtoncq" @click="layerIsShow"></div>
+	<div class="layerButtonmq" @click="layerIsShow"></div>
+	<div class="layerButtontr" @click="layerIsShow"></div>
+	<div class="layerButtonqx" @click="layerIsShow"></div>
 </template>
 
 <script>
@@ -61,6 +66,73 @@
 		width: 100%;
 		height: 100%;
 	}
+	.layerButtoncq{
+		background: url('@/assets/images/siqing/cq.png') no-repeat;
+		background-size: 100% 100%;
+		font-family: "TTTGB-Medium", sans-serif !important;
+		position: fixed;
+		left: 750rem;
+		bottom:40rem;
+		width: 80rem;
+		height: 90rem;
+		/* background-color: rgba(255,255,255,0.5); */
+		color: #000;
+		line-height: 40rem;
+		cursor: pointer;
+		z-index: 11;
+		user-select: none;
+	}
+	
+	.layerButtonmq{
+		background: url('@/assets/images/siqing/mq.png') no-repeat;
+		background-size: 100% 100%;
+		font-family: "TTTGB-Medium", sans-serif !important;
+		position: fixed;
+		left:950rem;
+		bottom:40rem;
+		width: 80rem;
+		height: 90rem;
+		/* background-color: rgba(255,255,255,0.5); */
+		color: #000;
+		line-height: 40rem;
+		cursor: pointer;
+		z-index: 11;
+		user-select: none;
+	}
+	
+	.layerButtontr{
+		background: url('@/assets/images/siqing/tr.png') no-repeat;
+		background-size: 100% 100%;
+		font-family: "TTTGB-Medium", sans-serif !important;
+		position: fixed;
+		left:1150rem;
+		bottom:40rem;
+		width: 80rem;
+		height: 90rem;
+		/* background-color: rgba(255,255,255,0.5); */
+		color: #000;
+		line-height: 40rem;
+		cursor: pointer;
+		z-index: 11;
+		user-select: none;
+	}
+	
+	.layerButtonqx{
+		background: url('@/assets/images/siqing/qx.png') no-repeat;
+		background-size: 100% 100%;
+		font-family: "TTTGB-Medium", sans-serif !important;
+		position: fixed;
+		left: 1350rem;
+		bottom:40rem;
+		width: 80rem;
+		height: 90rem;
+		/* background-color: rgba(255,255,255,0.5); */
+		color: #000;
+		line-height: 40rem;
+		cursor: pointer;
+		z-index: 11;
+		user-select: none;
+	}
 
 	
 </style>