Merge remote-tracking branch 'origin/master'
# Conflicts: # src/views/Home.vue
Showing
7 changed files
with
106 additions
and
17 deletions
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | </div> | 6 | </div> |
7 | </div> | 7 | </div> |
8 | <div class="mian"> | 8 | <div class="mian"> |
9 | <div class="title"> | 9 | <div class="title-bt"> |
10 | <span>通视分析</span> | 10 | <span>通视分析</span> |
11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> |
12 | </div> | 12 | </div> |
... | @@ -112,7 +112,7 @@ | ... | @@ -112,7 +112,7 @@ |
112 | } | 112 | } |
113 | 113 | ||
114 | 114 | ||
115 | .title { | 115 | .title-bt { |
116 | display: flex; | 116 | display: flex; |
117 | justify-content: space-between; | 117 | justify-content: space-between; |
118 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | 118 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | </div> | 6 | </div> |
7 | </div> | 7 | </div> |
8 | <div class="mian"> | 8 | <div class="mian"> |
9 | <div class="title"> | 9 | <div class="title-bt"> |
10 | <span>视域分析</span> | 10 | <span>视域分析</span> |
11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> |
12 | </div> | 12 | </div> |
... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
143 | } | 143 | } |
144 | 144 | ||
145 | 145 | ||
146 | .title { | 146 | .title-bt { |
147 | display: flex; | 147 | display: flex; |
148 | justify-content: space-between; | 148 | justify-content: space-between; |
149 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | 149 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | </div> | 6 | </div> |
7 | </div> | 7 | </div> |
8 | <div class="mian"> | 8 | <div class="mian"> |
9 | <div class="title"> | 9 | <div class="title-bt"> |
10 | <span>天际线分析</span> | 10 | <span>天际线分析</span> |
11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> |
12 | </div> | 12 | </div> |
... | @@ -111,7 +111,7 @@ | ... | @@ -111,7 +111,7 @@ |
111 | } | 111 | } |
112 | 112 | ||
113 | 113 | ||
114 | .title { | 114 | .title-bt { |
115 | display: flex; | 115 | display: flex; |
116 | justify-content: space-between; | 116 | justify-content: space-between; |
117 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | 117 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | </div> | 6 | </div> |
7 | </div> | 7 | </div> |
8 | <div class="mian"> | 8 | <div class="mian"> |
9 | <div class="title"> | 9 | <div class="title-bt"> |
10 | <span>可视域分析</span> | 10 | <span>可视域分析</span> |
11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> |
12 | </div> | 12 | </div> |
... | @@ -152,7 +152,7 @@ | ... | @@ -152,7 +152,7 @@ |
152 | } | 152 | } |
153 | 153 | ||
154 | 154 | ||
155 | .title { | 155 | .title-bt { |
156 | display: flex; | 156 | display: flex; |
157 | justify-content: space-between; | 157 | justify-content: space-between; |
158 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | 158 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | </div> | 6 | </div> |
7 | </div> | 7 | </div> |
8 | <div class="mian"> | 8 | <div class="mian"> |
9 | <div class="title"> | 9 | <div class="title-bt"> |
10 | <span>淹没分析</span> | 10 | <span>淹没分析</span> |
11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> |
12 | </div> | 12 | </div> |
... | @@ -148,7 +148,7 @@ | ... | @@ -148,7 +148,7 @@ |
148 | } | 148 | } |
149 | 149 | ||
150 | 150 | ||
151 | .title { | 151 | .title-bt { |
152 | display: flex; | 152 | display: flex; |
153 | justify-content: space-between; | 153 | justify-content: space-between; |
154 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | 154 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); |
... | @@ -234,6 +234,9 @@ | ... | @@ -234,6 +234,9 @@ |
234 | border: 1px solid rgba(23, 34, 38, 0.57); | 234 | border: 1px solid rgba(23, 34, 38, 0.57); |
235 | color: #fff; | 235 | color: #fff; |
236 | } | 236 | } |
237 | >>>.el-input__inner { | ||
238 | text-align: left !important; | ||
239 | } | ||
237 | 240 | ||
238 | >>>.el-input__suffix { | 241 | >>>.el-input__suffix { |
239 | color: #fff; | 242 | color: #fff; | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | </div> | 6 | </div> |
7 | </div> | 7 | </div> |
8 | <div class="mian"> | 8 | <div class="mian"> |
9 | <div class="title"> | 9 | <div class="title-bt"> |
10 | <span>阴影分析</span> | 10 | <span>阴影分析</span> |
11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> |
12 | </div> | 12 | </div> |
... | @@ -205,7 +205,7 @@ | ... | @@ -205,7 +205,7 @@ |
205 | } | 205 | } |
206 | 206 | ||
207 | 207 | ||
208 | .title { | 208 | .title-bt { |
209 | display: flex; | 209 | display: flex; |
210 | justify-content: space-between; | 210 | justify-content: space-between; |
211 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | 211 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ... | ... |
... | @@ -31,7 +31,6 @@ | ... | @@ -31,7 +31,6 @@ |
31 | @visualField='EvisualField' | 31 | @visualField='EvisualField' |
32 | @yyAnslysis='EyyAnslysis' | 32 | @yyAnslysis='EyyAnslysis' |
33 | @kgAnalusis='EkgAnalusis' | 33 | @kgAnalusis='EkgAnalusis' |
34 | |||
35 | :enlarge='enlarge' | 34 | :enlarge='enlarge' |
36 | :narrow='narrow' | 35 | :narrow='narrow' |
37 | :coordinate='coordinate' | 36 | :coordinate='coordinate' |
... | @@ -47,10 +46,8 @@ | ... | @@ -47,10 +46,8 @@ |
47 | :allSee='allSee' | 46 | :allSee='allSee' |
48 | :ymAnslysis='ymAnslysis' | 47 | :ymAnslysis='ymAnslysis' |
49 | :tjxAnslysis='tjxAnslysis' | 48 | :tjxAnslysis='tjxAnslysis' |
50 | :visualField='visualField' | ||
51 | :yyAnslysis='yyAnslysis' | 49 | :yyAnslysis='yyAnslysis' |
52 | :kgAnalusis='kgAnalusis'></rightFunc> | 50 | :kgAnalusis='kgAnalusis'></rightFunc> |
53 | |||
54 | </div> | 51 | </div> |
55 | <div class="bottomNav"> | 52 | <div class="bottomNav"> |
56 | <bottomNav></bottomNav> | 53 | <bottomNav></bottomNav> |
... | @@ -58,7 +55,7 @@ | ... | @@ -58,7 +55,7 @@ |
58 | <!-- <div class="leftAssert"> | 55 | <!-- <div class="leftAssert"> |
59 | <leftAssert @EFadb='EFadb' @EKgfz='EKgfz' @EGzfx='EGzfx'></leftAssert> | 56 | <leftAssert @EFadb='EFadb' @EKgfz='EKgfz' @EGzfx='EGzfx'></leftAssert> |
60 | </div> --> | 57 | </div> --> |
61 | <!-- <div class="mapPop"> | 58 | <div class="mapPop"> |
62 | <mapPop></mapPop> | 59 | <mapPop></mapPop> |
63 | </div> | 60 | </div> |
64 | <div class="allSee" v-if='allSee'> | 61 | <div class="allSee" v-if='allSee'> |
... | @@ -94,6 +91,9 @@ | ... | @@ -94,6 +91,9 @@ |
94 | <div id="vertical-slider" style="display: none;"></div> | 91 | <div id="vertical-slider" style="display: none;"></div> |
95 | <div id="horizontal-slider" style="display: none;"></div> | 92 | <div id="horizontal-slider" style="display: none;"></div> |
96 | </div> | 93 | </div> |
94 | |||
95 | |||
96 | |||
97 | <!-- <div id="split_up" style="display: none;"></div> | 97 | <!-- <div id="split_up" style="display: none;"></div> |
98 | <div id="split_bottom" style="display: none;"></div> | 98 | <div id="split_bottom" style="display: none;"></div> |
99 | <div id="split_left" style="display: none;"></div> | 99 | <div id="split_left" style="display: none;"></div> |
... | @@ -307,7 +307,93 @@ | ... | @@ -307,7 +307,93 @@ |
307 | ,EtopSee() {} | 307 | ,EtopSee() {} |
308 | // 环视 | 308 | // 环视 |
309 | ,EroundSee() { | 309 | ,EroundSee() { |
310 | 310 | // var parentEntity = this.viewer.entities.add(new Cesium.Entity()), positions = [], cartesian, polyline; | |
311 | // this.handler = new Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas) | ||
312 | // this.handler.setInputAction(evt => { | ||
313 | |||
314 | // cartesian = this.viewer.scene.pickPosition(evt.position); | ||
315 | // // cartesian = this.draw.getCatesian3FromPX(evt.position, this.viewer, []); | ||
316 | // positions.push(cartesian.clone()); | ||
317 | // // addCompany.createPoint.call(this, {position: cartesian}) | ||
318 | |||
319 | // if(positions.length === 1) { | ||
320 | // this.handler.setInputAction(moveEvent => { | ||
321 | // positions[1] = this.viewer.scene.pickPosition(moveEvent.endPosition); | ||
322 | // // positions[1] = this.draw.getCatesian3FromPX(moveEvent.endPosition, this.viewer, []); | ||
323 | // !polyline && (polyline = addCompany.createPolyline.call(this, positions)); | ||
324 | // }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); | ||
325 | // return; | ||
326 | // } | ||
327 | |||
328 | |||
329 | // this.handler.destroy(); | ||
330 | // // console.log(Cesium.Cartesian3.distance(positions[0], positions[1])); | ||
331 | // // var cartesian = this.draw.getCatesian3FromPX(evt.position, this.viewer, []); | ||
332 | // var viewPointEntity = this.viewer.entities.add({ | ||
333 | // parent: parentEntity, | ||
334 | // position: positions[0], | ||
335 | // ellipsoid: { | ||
336 | // radii: new Cesium.Cartesian3(5, 5, 5), | ||
337 | // material: Cesium.Color.GREEN | ||
338 | // } | ||
339 | // }); | ||
340 | // // // 世界坐标转换为投影坐标 | ||
341 | // var webMercatorProjection = new Cesium.WebMercatorProjection(this.viewer.scene.globe.ellipsoid); | ||
342 | // var viewPointWebMercator = webMercatorProjection.project(Cesium.Cartographic.fromCartesian(positions[0])); | ||
343 | // // // 排除碰撞监测的对象 | ||
344 | // var objectsToExclude = [viewPointEntity]; | ||
345 | |||
346 | // // 目标点集合 | ||
347 | // var destPoints = []; | ||
348 | // // 视域点和目标点的距离 | ||
349 | // var radius = Cesium.Cartesian3.distance(positions[0], positions[1]); // 视距1000米 | ||
350 | // // 计算一圈 | ||
351 | // for (var i = 0; i <= 30; i++) { | ||
352 | // // 度数转弧度 | ||
353 | // var radians = Cesium.Math.toRadians(i); | ||
354 | // // 计算目标点 | ||
355 | // var toPoint = new Cesium.Cartesian3(viewPointWebMercator.x + radius * Math.cos(radians), viewPointWebMercator.y + radius * Math.sin(radians), 10); | ||
356 | // // 投影坐标转世界坐标 | ||
357 | // toPoint = webMercatorProjection.unproject(toPoint); | ||
358 | // destPoints.push(Cesium.Cartographic.toCartesian(toPoint.clone())); | ||
359 | // } | ||
360 | // let viewer = this.viewer; | ||
361 | // // 绘制线 | ||
362 | // function drawLine(leftPoint, secPoint, color) { | ||
363 | // viewer.entities.add({ | ||
364 | // polyline: { | ||
365 | // positions: [leftPoint, secPoint], | ||
366 | // arcType: Cesium.ArcType.NONE, | ||
367 | // width: 5, | ||
368 | // material: color, | ||
369 | // depthFailMaterial: color | ||
370 | // } | ||
371 | // }) | ||
372 | // } | ||
373 | // pickFromRay.call(this); | ||
374 | // function pickFromRay() { | ||
375 | // for (var i = 0; i < destPoints.length; i++) { | ||
376 | // // 计算射线的方向,目标点left 视域点right | ||
377 | // var direction = Cesium.Cartesian3.normalize(Cesium.Cartesian3.subtract(destPoints[i], positions[0], new Cesium.Cartesian3()), new Cesium.Cartesian3()); | ||
378 | // console.log(direction); | ||
379 | // // 建立射线 | ||
380 | // var ray = new Cesium.Ray(positions[0], direction); | ||
381 | // var result = viewer.scene.pickFromRay(ray, objectsToExclude); // 计算交互点,返回第一个 | ||
382 | // showIntersection(result, destPoints[i], positions[0]); | ||
383 | // } | ||
384 | // } | ||
385 | // // 处理交互点 | ||
386 | // function showIntersection(result, destPoint, cartesian) { | ||
387 | // // 如果是场景模型的交互点,排除交互点是地球表面 | ||
388 | // if (Cesium.defined(result) && Cesium.defined(result.object)) { | ||
389 | // drawLine(result.position, cartesian, Cesium.Color.GREEN); // 可视区域 | ||
390 | // drawLine(result.position, destPoint, Cesium.Color.RED); // 不可视区域 | ||
391 | // } else { | ||
392 | // drawLine(cartesian, destPoint, Cesium.Color.GREEN); | ||
393 | // } | ||
394 | // } | ||
395 | // this.handler.destroy(); | ||
396 | // }, Cesium.ScreenSpaceEventType.LEFT_CLICK); | ||
311 | } | 397 | } |
312 | // 视域 | 398 | // 视域 |
313 | ,Ehorizon(val) { | 399 | ,Ehorizon(val) { | ... | ... |
-
Please register or sign in to post a comment