From 8d301b885c7c433300b5bbeb47a0864eb738fad4 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期五, 23 十二月 2022 17:51:11 +0800 Subject: [PATCH] q --- src/components/mapsdk.vue | 182 ++++++++++++++++++++++++++++++++++----------- 1 files changed, 136 insertions(+), 46 deletions(-) diff --git a/src/components/mapsdk.vue b/src/components/mapsdk.vue index 4350a7f..cd94fa9 100644 --- a/src/components/mapsdk.vue +++ b/src/components/mapsdk.vue @@ -1,44 +1,85 @@ <template> <div class="mapBox"> <div id="mapdiv"> - <div class="menu_Top" v-if="$store.state.mapMenuBoolean"> + <div + class="menu_Top" + v-if="$store.state.mapMenuBoolean" + > <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" /> <map-space-top v-if="$store.state.mapMenuBoxFlag == '2'" /> </div> - - <div class="bufferBox" v-if="showBufferBoxDialog"> + + <div + class="bufferBox" + v-if="showBufferBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>缂撳啿鍖哄垎鏋�</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(1)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(1)" + ></i> </div> </div> <div class="box-body"> - <el-form ref="form" :model="bufFrom" label-width="100px"> + <el-form + ref="form" + :model="bufFrom" + label-width="100px" + > <el-form-item label="缂撳啿鍗婂緞(绫�):"> <el-input v-model="bufFrom.val"></el-input> </el-form-item> <el-form-item> - <el-button @click="addBuffer(1)" type="info">鐐�</el-button> - <el-button @click="addBuffer(2)" type="info">绾�</el-button> - <el-button @click="addBuffer(3)" type="info">闈�</el-button> - <el-button @click="clearBuffer" type="info">娓呴櫎</el-button> + <el-button + @click="addBuffer(1)" + type="info" + >鐐�</el-button> + <el-button + @click="addBuffer(2)" + type="info" + >绾�</el-button> + <el-button + @click="addBuffer(3)" + type="info" + >闈�</el-button> + <el-button + @click="clearBuffer" + type="info" + >娓呴櫎</el-button> </el-form-item> </el-form> </div> </el-card> </div> - <div class="coordLocalBox" v-if="showCoordLocalBoxDialog"> + <div + class="coordLocalBox" + v-if="showCoordLocalBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>鍧愭爣瀹氫綅</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(2)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(2)" + ></i> </div> </div> <div class="box-body"> - <el-form ref="form" :model="coordFrom" label-width="50px"> + <el-form + ref="form" + :model="coordFrom" + label-width="50px" + > <el-form-item label="缁忓害:"> <el-input v-model="coordFrom.lon"></el-input> </el-form-item> @@ -49,22 +90,38 @@ <el-input v-model="coordFrom.height"></el-input> </el-form-item> <el-form-item> - <el-button @click="setCoordLocal" type="info">瀹氫綅</el-button> + <el-button + @click="setCoordLocal" + type="info" + >瀹氫綅</el-button> </el-form-item> </el-form> </div> </el-card> </div> - <div class="toponymicLocalBox" v-if="showToponymicLocalBoxDialog"> + <div + class="toponymicLocalBox" + v-if="showToponymicLocalBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>鍦板悕瀹氫綅</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(3)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(3)" + ></i> </div> </div> <div class="box-body"> - <el-form :model="comprehensive" :inline="true" label-width="50px"> + <el-form + :model="comprehensive" + :inline="true" + label-width="50px" + > <el-form-item label="鍦板悕:"> <el-input style="width: 200px" @@ -72,17 +129,28 @@ ></el-input> </el-form-item> <el-form-item> - <el-button @click="setQueryTable" type="info">鏌ヨ</el-button> + <el-button + @click="setQueryTable" + type="info" + >鏌ヨ</el-button> </el-form-item> </el-form> - <el-table :data="tableData" height="200px" style="width: 100%"> + <el-table + :data="tableData" + height="200px" + style="width: 100%" + > <el-table-column align="center" type="index" label="搴忓彿" width="70px" /> - <el-table-column prop="name" align="center" label="瀹氫綅"> + <el-table-column + prop="name" + align="center" + label="瀹氫綅" + > <template slot-scope="scope"> <el-button @click="handleLocation(scope.$index, scope.row)" @@ -91,10 +159,17 @@ ></el-button> </template> </el-table-column> - <el-table-column prop="name" align="center" label="鍦板悕"> + <el-table-column + prop="name" + align="center" + label="鍦板悕" + > </el-table-column> </el-table> - <div style="margin-top: 10px" class="pagination_box"> + <div + style="margin-top: 10px" + class="pagination_box" + > <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" @@ -109,16 +184,29 @@ </div> </el-card> </div> - <div class="pathAnalysisBox" v-if="showPathAnalysisBoxDialog"> + <div + class="pathAnalysisBox" + v-if="showPathAnalysisBoxDialog" + > <el-card class="box-card"> - <div slot="header" class="clearfix"> + <div + slot="header" + class="clearfix" + > <span>璺緞鍒嗘瀽</span> <div style="float: right; cursor: pointer"> - <i class="el-icon-close" @click="closeBufferBox(4)"></i> + <i + class="el-icon-close" + @click="closeBufferBox(4)" + ></i> </div> </div> <div class="box-body"> - <el-form ref="form" :model="pathFrom" label-width="50px"> + <el-form + ref="form" + :model="pathFrom" + label-width="50px" + > <el-form-item label="璧风偣:"> <el-input style="width: 250px" @@ -129,8 +217,10 @@ :underline="false" @click="showMouseLeftClick(1)" style="margin-left: 10px" - ><i style="color: white" class="el-icon-plus"></i - ></el-link> + ><i + style="color: white" + class="el-icon-plus" + ></i></el-link> </el-form-item> <el-form-item label="缁堢偣:"> <el-input @@ -142,13 +232,16 @@ :underline="false" @click="showMouseLeftClick(2)" style="margin-left: 10px" - ><i style="color: white" class="el-icon-plus"></i - ></el-link> + ><i + style="color: white" + class="el-icon-plus" + ></i></el-link> </el-form-item> <el-form-item> - <el-button @click="showMouseLeftClick(3)" type="info" - >鏌ヨ</el-button - > + <el-button + @click="showMouseLeftClick(3)" + type="info" + >鏌ヨ</el-button> </el-form-item> </el-form> </div> @@ -182,9 +275,9 @@ name: '', components: { mapMenuTop, - + mapSpaceTop, - + }, data() { return { @@ -324,13 +417,10 @@ // '' // ); // openStreetMap.item.show = false; - //mpt鍔犺浇 - var option = { - url: window.sceneConfig.mpt.url, - layerName: window.sceneConfig.mpt.name, - requestVertexNormals: true, - }; - sgworld.Creator.sfsterrainprovider('mpt', option, '', true, ''); + + Viewer.terrainProvider = new Cesium.CesiumTerrainProvider({ + url:demLayer + }); window.elevationTool = new SmartEarth.ElevationTool(window.sgworld); elevationTool.setContourColor('#F1D487'); }, @@ -888,7 +978,7 @@ .active { width: 100%; height: 100%; - background: url('../assets/img/Layer/imgLayer2.png') no-repeat center; + background: url("../assets/img/Layer/imgLayer2.png") no-repeat center; position: absolute; background-size: 100% 100%; border-radius: 5px; @@ -896,7 +986,7 @@ .menuLayer { width: 100%; height: 100%; - background: url('../assets/img/Layer/imgLayer1.png') no-repeat center; + background: url("../assets/img/Layer/imgLayer1.png") no-repeat center; position: absolute; background-size: 100% 100%; border-radius: 5px; -- Gitblit v1.9.3