Merge branch 'HEAD' of http://47.103.92.60:3003/skyversation/sky_proxy_ui.git

README.md

@@ -33,4 +33,16 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
     "url":"http://192.168.1.37:9002/map_tiles/sh_qp._yxt_20230921-zong/sh_tiles",
     "type":"xyz"
 }
-```
+```
+
+
+### 20231025
+- 修改二三维数据预览展示方式，使用嵌入页面的形式展示，单页面url后缀拼接参数如下：
+   | 参数          | 类型    | 是否必填  | 含义                 |
+   | -----         | ------ | -------- | -------------------- |
+   | dataType      | String | 是       | 数据类型，twoD为二维数据，threeD为三维数据  |
+   | mapType       | String | 是       | 地图展示类型，twoD为二维展示，threeD为三维展示  |
+   | mapserverType | String | 是       | 数据服务类型，arcgis为arcgis类型瓦片服务，xyz为xyz格式数据服务  |
+   | url           | String | 是       | 数据代理服务地址  |
+
+ 注：mapType、mapserverType两个参数， 仅在dataType参数值为twoD时生效

src/components/map/CesiumMap.vue

@@ -2,7 +2,9 @@
   <el-dialog v-if="isShow" :model-value="isShow" title="地理信息" :width="1200" :close-on-click-modal="false"
     :before-close="handleClose">
     <div id="mapBox">
-      <!-- <div id="mapContainer"></div> -->
+
+<!--       原来的直接使用的，修改1111111，将第一行放开，第二行注释-->
+<!--       <div id="mapContainer"></div>-->
       <iframe :src="src" frameborder="0"></iframe>
     </div>
 
@@ -69,6 +71,8 @@ export default {
   methods: {
     initMap() {
       let app = this;
+
+      // 原来的直接使用的，修改222222
       // viewer = new SkyScenery.Viewer('mapContainer', app.cesiumConfig);
       // // 加载底图
       // if (app.type !== 4) {
@@ -97,7 +101,7 @@ export default {
         // let url = app.item.url + '/tileset.json'
         // app.add3DTiles(url)
         // http://localhost:8080/map-server/index.html?dataType=threeD&url=http://1.119.143.102:9002/model_data/750/qinghulu/output/tileset.json
-        this.src = systemConfig.single_map + "?dataType=threeD&" + app.item.url + '/tileset.json'
+        this.src = systemConfig.single_map + "?dataType=threeD&url=" + app.item.url + '/tileset.json'
       }
       // 加载gltf
       else if (type === 2) {
@@ -183,27 +187,37 @@ export default {
       });
     },
     addMap(url, type) {
-      if (type == '') {
-        this.src = systemConfig.single_map + "?dataType=twoD&mapType=twoD&mapserverType=arcgis&url=" + url
-      } else if (type == 'xyz') {
-        this.src = systemConfig.single_map + "?dataType=twoD&mapType=twoD&mapserverType=xyz&url=" + url
-      }
-      // return;
+// 原来的直接使用的，修改3333333
+
       // viewer.imageryLayers.removeAll(true);
-      // if (type == '') {
+      // if(type==''){
       //   viewer.imageryLayers.addImageryProvider(
-      //     new SkyScenery.ArcGisMapServerImageryProvider({
-      //       url: url,
-      //     })
+      //       new SkyScenery.ArcGisMapServerImageryProvider({
+      //         url: url,
+      //       })
       //   )
-      // } else if (type == 'xyz') {
+      // } else if(type=='xyz') {
       //   viewer.imageryLayers.addImageryProvider(
-      //     new SkyScenery.UrlTemplateImageryProvider({
-      //       url: url + '/{z}/{x}/{y}.png',
-      //       fileExtension: 'png'
-      //     })
+      //       new SkyScenery.UrlTemplateImageryProvider({
+      //         url: url + '/{z}/{x}/{y}.png',
+      //         fileExtension: 'png'
+      //       })
       //   )
       // }
+
+      // 二维加载
+//       if (type == '') {
+//         this.src = systemConfig.single_map + "?dataType=twoD&mapType=twoD&mapserverType=arcgis&url=" + url
+//       } else if (type == 'xyz') {
+//         this.src = systemConfig.single_map + "?dataType=twoD&mapType=twoD&mapserverType=xyz&url=" + url +"/{z}/{x}/{y}.png";
+//       }
+
+      // 三维加载
+      if (type == '') {
+        this.src = systemConfig.single_map + "?dataType=twoD&mapType=threeD&mapserverType=arcgis&url=" + url
+      } else if (type == 'xyz') {
+        this.src = systemConfig.single_map + "?dataType=twoD&mapType=threeD&mapserverType=xyz&url=" + url +"/{z}/{x}/{y}.png";
+      }
     },
     flyToPrimitive(obj) {
       let east = obj.geometryInstances.geometry.rectangle.east;

src/components/proxy/ConfigManage.vue

@@ -229,8 +229,8 @@ export default {
       that.loading = true;
 
       let params = {
-        proxyType: this.proxyType,
-        dataType: this.dataType,
+        proxyType: this.proxyType,//"PUBLISH"
+        dataType: this.dataType,//"MAP"
       }
       this.$request.postForm('/proxy_proxy/proxy_api/config/getByType', params).then(res => {
         that.configData = [];