| 
					
				 | 
			
			
				@@ -25,166 +25,11 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//获取输入框值 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			getName() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.viewersName = document.getElementById("inputValue").value; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//跳转方法 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			flyto(options) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				jt3d.LocateUtil.flyToPoint(options) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//删除方法,传keyvalue以及需要修改属性 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			deleteviewer(item, index) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				//删除对应数组内的对象 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.ImgurlList.splice(index, 1) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				if (item.id) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					this.$http.get('/delete', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						tableName: 'sys_map_angle', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						keyValue: item.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						console.log(res.data) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//添加视角标签,当前页存数组,向数据库传入相机参数 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			addviewer() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				//获取当前界面截图方法 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				html2canvas( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					this.$parent.$parent.$refs.refMap3d.$refs.cesiumContainer, { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						// backgroundColor: null, //画出来的图片有白色的边框,不要可设置背景为透明色(null) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						useCORS: true, //支持图片跨域 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						scale: 1 / 8, //设置放大的倍数 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				).then(canvas => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					//截图用img元素承装,显示在页面的上 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let url = canvas.toDataURL('image/png') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					//经纬度、高度 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					// 获取 相机姿态信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let heading = window["viewer"].scene.camera.heading 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let pitch = window["viewer"].scene.camera.pitch 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let roll = window["viewer"].scene.camera.roll 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let position = window["viewer"].scene.camera.positionCartographic 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let longitude = Cesium.Math.toDegrees(position.longitude) //y 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let latitude = Cesium.Math.toDegrees(position.latitude) //x 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let height = position.height 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let info = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						latitude: latitude, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						longitude: longitude, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						height: height, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						pitch: Cesium.Math.toDegrees(pitch), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						roll: Cesium.Math.toDegrees(roll), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						heading: Cesium.Math.toDegrees(heading) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					//dom for循环渲染列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					this.ImgurlList.unshift({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						url: url, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						name: this.viewersName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						info: info 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					//base64转换为二进制文件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					// let blob = base64ToBlob(url) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					// //文件转为文件流 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					// let formData = new FormData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					// formData.append('file',blob) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let data = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						name: this.viewersName, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						x: latitude, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						y: longitude, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						z: height, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						pitch: Cesium.Math.toDegrees(pitch), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						roll: Cesium.Math.toDegrees(roll), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						heading: Cesium.Math.toDegrees(heading), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						screenshot: url, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						userId: this.id, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						// id:0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					//添加数据接口 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					this.$http.post('/postSubmit', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						tableName: 'sys_map_angle', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						keyValue: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						formData: data, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						console.log(res) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						if (res.success == true) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				}).catch(err => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					console.log(err) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			searchviewer() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.info = JSON.parse(localStorage.getItem('person')) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.id = this.info.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				//获取所有图片数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				this.$http.get('/getTableList', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					tableName: 'sys_map_angle', // 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					sqlWhere: "name like '%" + this.viewersName + "%'", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					orderByField: '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					console.log('获取图片', res.data) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					this.ImgurlList = []; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					res.data.forEach(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						let info = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							latitude: item.x, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							longitude: item.y, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							height: item.z, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							pitch: item.pitch, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							roll: item.roll, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							heading: item.heading 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						// let url = blobToBase64(item.screenshot) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						//dom for循环渲染列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						this.ImgurlList.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							url: item.screenshot, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							name: item.name, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							info: info, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-							id: item.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					// console.log('img列表',this.ImgurlList) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			this.info = JSON.parse(localStorage.getItem('person')) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			this.id = this.info.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			//获取所有图片数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			this.$http.get('/getTableList', { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				tableName: 'sys_map_angle', // 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				sqlWhere: '', //+ this.loginForm.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				orderByField: '' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			}).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				console.log('获取图片', res.data) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				res.data.forEach(item => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					let info = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						latitude: item.x, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						longitude: item.y, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						height: item.z, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						pitch: item.pitch, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						roll: item.roll, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						heading: item.heading 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					// let url = blobToBase64(item.screenshot) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					//dom for循环渲染列表 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					this.ImgurlList.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						url: item.screenshot, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						name: item.name, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						info: info, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						id: item.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				// console.log('img列表',this.ImgurlList) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-			}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 |