From 48a6eb2109a41f8e10d5a2b67ea17899d3ef3586 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 11 九月 2023 17:46:19 +0800 Subject: [PATCH] 地名定位展示效果优化,坐标定位功能优化 --- src/assets/js/Map/menuTool.js | 49 ++++++++++++++++-------- src/views/plotting/plotting.vue | 35 ++++++++++++++--- src/views/query/CoordLocation.vue | 5 -- 3 files changed, 62 insertions(+), 27 deletions(-) diff --git a/src/assets/js/Map/menuTool.js b/src/assets/js/Map/menuTool.js index 6bd167c..0ae8ed2 100644 --- a/src/assets/js/Map/menuTool.js +++ b/src/assets/js/Map/menuTool.js @@ -104,24 +104,40 @@ if (this.localPoint) { this.setLocalPositionClose(); } - var position = { - X: parseFloat(res.lon), - Y: parseFloat(res.lat), - Altitude: parseFloat(res.alt), - }; - this.localPoint = window.sgworld.Creator.CreateImageLabel( - position, - config.StaticFileBaseUrl + "/Workers/image/mark.png", - {}, - 0, - "鏍囩鐐�" - ); - var id = this.localPoint.item.id; - window.sgworld.Navigate.flyToObj(this.localPoint.item); + // var position = { + // X: parseFloat(res.lon), + // Y: parseFloat(res.lat), + // Altitude: parseFloat(res.alt), + // }; + // this.localPoint = window.sgworld.Creator.CreateImageLabel( + // position, + // config.StaticFileBaseUrl + "/Workers/image/mark.png", + // {}, + // 0, + // "鏍囩鐐�" + // ); + // var id = this.localPoint.item.id; + // window.sgworld.Navigate.flyToObj(this.localPoint.item); + this.localPoint = window.Viewer.entities.add({ + name: '鍧愭爣瀹氫綅', + position: Cesium.Cartesian3.fromDegrees(parseFloat(res.lon), parseFloat(res.lat), res.alt == null ? parseFloat(res.alt) : 0), + billboard: { + image: config.StaticFileBaseUrl + '/Workers/image/location.png', + // 璁剧疆璐村湴 + heightReference: Cesium.Color.CORNFLOWERBLUE.withAlpha(0.4), + verticalOrigin: Cesium.VerticalOrigin.BOTTOM, + scale: 5.0, + }, + }); + this.setViewerFlyTo(this.localPoint) }, setLocalPositionClose() { - this.localPoint.deleteObject(); - this.localPoint = null; + if (this.localPoint) { + // this.localPoint.deleteObject(); + window.Viewer.entities.remove(this.localPoint) + this.localPoint = null; + } + }, //鍧″害鍒嗘瀽 setSlopeMap() { @@ -622,6 +638,7 @@ this.setViewerFlyTo(position) }, setViewerFlyTo(entity) { + window.Viewer.flyTo(entity, { offset: { heading: Cesium.Math.toRadians(0.0), diff --git a/src/views/plotting/plotting.vue b/src/views/plotting/plotting.vue index c8fd464..71928de 100644 --- a/src/views/plotting/plotting.vue +++ b/src/views/plotting/plotting.vue @@ -1,8 +1,14 @@ <template> - <div v-drag class="plottingBox"> + <div + v-drag + class="plottingBox" + > <div class="plottingTitle"> <div class="tileLeft"> - <div class="titleImg" @click="setCloseplotting"> + <div + class="titleImg" + @click="setCloseplotting" + > <ArrowLeft /> </div> <div class="titleLable">鏍囩粯鏌ヨ</div> @@ -12,9 +18,18 @@ <div class="plotting_content_btn"> <span class="plotting_content_title">鏍囩粯宸ュ叿</span> <div class="plotting_btn"> - <div class="btn_box_d btn_box" @click="setMenuDraw('point')"></div> - <div class="btn_box_x btn_box" @click="setMenuDraw('polyline')"></div> - <div class="btn_box_m btn_box" @click="setMenuDraw('polygon')"></div> + <div + class="btn_box_d btn_box" + @click="setMenuDraw('point')" + ></div> + <div + class="btn_box_x btn_box" + @click="setMenuDraw('polyline')" + ></div> + <div + class="btn_box_m btn_box" + @click="setMenuDraw('polygon')" + ></div> </div> </div> <div class="plotting_list"> @@ -32,8 +47,14 @@ /><span>{{ item.name }}</span> </div> <div class="plotting_list_tr_btn"> - <div class="tr_btn dw" @click.stop="setLayerLocation(item)"></div> - <div class="tr_btn sc" @click.stop="setLayerRemove(item)"></div> + <div + class="tr_btn dw" + @click.stop="setLayerLocation(item)" + ></div> + <div + class="tr_btn sc" + @click.stop="setLayerRemove(item)" + ></div> </div> </div> </div> diff --git a/src/views/query/CoordLocation.vue b/src/views/query/CoordLocation.vue index 185c856..744aac2 100644 --- a/src/views/query/CoordLocation.vue +++ b/src/views/query/CoordLocation.vue @@ -37,10 +37,7 @@ placeholder="璇疯緭鍏ョ含搴�..." /> </el-form-item> - <el-form-item - label="楂樺害锛�" - prop="alt" - > + <el-form-item label="楂樺害锛�"> <el-input v-model="ruleForm.alt" placeholder="璇疯緭鍏ラ珮搴�..." -- Gitblit v1.9.3