@kq_npm/client3d_webgl_vue 0.3.4-beta → 0.3.6-beta

package/scenceview/index.js

@@ -536,6 +536,7 @@ var util_namespaceObject = require("@kq_npm/client_common_vue/_utils/util");
 ;// CONCATENATED MODULE: ./src/webgl/scenceview/LayerManager.js
 
 
+
  //图层管理类
 
 class LayerManager {
@@ -564,8 +565,484 @@ class LayerManager {
 
     _defineProperty(this, "_terrainProviders", []);
 
+    _defineProperty(this, "_geojsonStyle", {
+      label: {
+        express: "name",
+        // font: "25px 微软雅黑",
+        font: "28px sans-serif",
+        fontSize: 28,
+        fillColor: Cesium.Color.WHITE,
+        scale: 0.6,
+        outlineColor: Cesium.Color.BLACK,
+        outlineWidth: 5,
+        style: Cesium.LabelStyle.FILL_AND_OUTLINE,
+        eyeOffset: Cesium.Cartesian3.ZERO,
+        pixelOffset: new Cesium.Cartesian2(0, -8),
+        disableDepthTestDistance: 35000000,
+        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 1000000000000)
+      },
+      billboard: {
+        image: const_image_namespaceObject.BILLBOARD_IMAGE_URL,
+        width: 12,
+        height: 12,
+        disableDepthTestDistance: 35000000,
+        distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 1000000000000),
+        scaleByDistance: new Cesium.NearFarScalar(200000, 1.2, 100000000000, 0.5)
+      },
+      polyline: {
+        width: 2.0,
+        material: Cesium.Color.RED
+      },
+      polygon: {
+        material: Cesium.Color.BLUE.withAlpha(0.3),
+        outline: true,
+        outlineWidth: 1,
+        outlineColor: Cesium.Color.YELLOW,
+        perPositionHeight: true
+      }
+    });
+
     this._scenceView = scenceView;
     this._viewer = scenceView._viewer;
+
+    this._initData(scenceView._props);
+  } //加载初始数据
+
+
+  _initData(props) {
+    if (props.scenceInfo) {
+      this.addScenceInfo(props.scenceInfo);
+    } else {
+      this.addServiceData(props.service);
+    }
+  } //添加场景数据
+
+
+  addScenceInfo(scenceInfo) {
+    if (scenceInfo.rectangle && scenceInfo.rectangle.length === 4) {
+      this._viewer.camera.flyTo({
+        destination: Cesium.Rectangle.fromDegrees(scenceInfo.rectangle[0], scenceInfo.rectangle[1], scenceInfo.rectangle[2], scenceInfo.rectangle[3])
+      });
+    }
+
+    let layer = scenceInfo.layer;
+
+    if (layer && layer.sources && layer.layerTreeData) {
+      //首先处理sources里kqserver类型的数据
+      var sourcePromises = [];
+      layer.sources.forEach(source => {
+        if (source.serverType === "kqserver" && source.renderType === "rest") {
+          //使用二维方式解析服务
+          var url = source.url;
+          var serverName = url.split("services/")[1].split("/")[0];
+          var serverUrl = url.split("services/")[0] + "services/";
+          var token;
+
+          if (url.indexOf("ua_token") != -1) {
+            token = url.split("ua_token=")[1].split("&")[0];
+          }
+
+          token = token || source.token;
+          var webMapService = new (webmapservice_default())(serverName, {
+            token: token,
+            serviceUrl: serverUrl
+          });
+          var sourcePromise = webMapService.getMapInfo().then(mapInfo => {
+            if (mapInfo.resultcode === "error") {
+              KqMessage({
+                message: mapInfo.message,
+                type: "error"
+              });
+              return;
+            }
+
+            source.mapServerInfo = (0,util_namespaceObject.formatKQMapInfo)(mapInfo.result, serverUrl, serverName, token, null, true);
+          });
+          sourcePromises.push(sourcePromise);
+        }
+      });
+      this._promises = [];
+      Promise.all(sourcePromises).then(() => {
+        layer.layerTreeData.forEach(data => {
+          this.setLayerInfo(data, layer.sources);
+        }, this);
+        Promise.all(this._promises).then(() => {
+          this._layerTreeData = layer.layerTreeData;
+
+          this._scenceView.fire("resetLayerDatas");
+        });
+      });
+    }
+  } //设置图层属性
+
+
+  setLayerInfo(layerData, sources) {
+    if (layerData.children) {
+      layerData.guid = Cesium.createGuid();
+      layerData.children.forEach(child => {
+        this.setLayerInfo(child, sources);
+      }, this);
+    } else {
+      if (layerData.sourceName) {
+        var source = sources.find(item => {
+          return item.name === layerData.sourceName;
+        });
+
+        if (source) {
+          layerData.sourceType = source.serverType;
+          layerData.renderType = source.renderType;
+          layerData.url = source.url;
+          var type = layerData.renderType;
+
+          if (layerData.sourceType === "kqserver") {
+            if (!layerData.renderType || layerData.renderType === "rest") {
+              type = "kqgismapserver";
+              layerData.token = source.token; //记录数据源里所有图层信息
+
+              layerData.sourceLayers = source.mapServerInfo.layers_show;
+            } else {
+              layerData.url += "/" + layerData.renderType;
+            }
+          } else if (layerData.sourceType === "arcserver") {
+            if (!layerData.renderType || layerData.renderType === "rest") {
+              type = "arcgismapserver";
+            } else {
+              layerData.url += "/" + layerData.renderType;
+            }
+          } else if (layerData.sourceType === "kqimageserver") {
+            type = "kqgisimageserver";
+          } else if (layerData.sourceType === "kq3dserver") {
+            type = "kqgis3dserver";
+          }
+
+          var promise = this.addLayerData(layerData, type);
+
+          if (promise) {
+            this._promises.push(promise);
+
+            promise.then(() => {
+              this._layerListData.push(layerData);
+            });
+          } else {
+            this._layerListData.push(layerData);
+          }
+        }
+      }
+    }
+  } //添加图层数据
+
+
+  addLayerData(layerData, type) {
+    let url = layerData.url;
+    type = type || "";
+    type = type.toLowerCase();
+    let name = layerData.name;
+
+    if (url) {
+      if (!name || name === "") {
+        let ext;
+
+        if (url.lastIndexOf(".") > url.lastIndexOf("/")) {
+          ext = url.substring(url.lastIndexOf(".") + 1);
+          ext = ext.toLowerCase();
+        }
+
+        if (["kml", "kmz", "czml", "geojson", "json", "topojson"].indexOf(ext) > -1) {
+          name = url.substring(url.lastIndexOf("/") + 1);
+        } else {
+          if (type !== "kqgismapserver" && type !== "wms" && type !== "wmts") {
+            name = url.substring(0, url.lastIndexOf("/"));
+            name = name.substring(name.lastIndexOf("/") + 1);
+          }
+        }
+      }
+    }
+
+    layerData.name = name;
+    let layer, promise;
+
+    switch (type) {
+      case 'kq3dimageryfile':
+        //影像瓦片文件
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dFileImageryProvider({
+          name: name,
+          url: url
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "imagerylayer";
+        break;
+
+      case 'obterrain':
+        //ob地形瓦片文件
+        layer = new Cesium.Kq3dFileTerrainProvider({
+          name: name,
+          url: url
+        });
+        if (!layer.guid) layer.guid = Cesium.createGuid();
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "terrainprovider";
+        this._viewer.terrainProvider = layer;
+
+        this._terrainProviders.push(layer);
+
+        break;
+
+      case 'stkterrain':
+        //stk地形瓦片文件
+        layer = new Cesium.CesiumTerrainProvider({
+          name: name,
+          url: url,
+          requestVertexNormals: true,
+          requestWaterMask: false
+        });
+        if (!layer.guid) layer.guid = Cesium.createGuid();
+        this.setTerrain(layer);
+
+        this._terrainProviders.push(layer);
+
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "terrainprovider";
+        break;
+
+      case "3dtiles":
+        layer = this._viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
+          name: name,
+          url: url
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "3dtiles";
+        break;
+
+      case "kqgis3dserver":
+        promise = this._viewer.addKq3dServerLayerGroupExt(url).then(group => {
+          var layers = group._addedLayers || group._layers;
+
+          if (layers) {
+            var length = layers.length;
+
+            if (length > 1) {
+              layerData.guid = group.guid;
+              layerData.children = [];
+            }
+
+            for (var i = 0; i < length; i++) {
+              var serverType = "";
+
+              if (layers[i] instanceof Cesium.Cesium3DTileset) {
+                serverType = "3dtiles";
+              } else if (layers[i] instanceof Cesium.ImageryLayer) {
+                serverType = "imagerylayer";
+              } else if (layers[i] instanceof Cesium.Kq3dFileTerrainProvider || layers[i] instanceof Cesium.CesiumTerrainProvider) {
+                serverType = "terrainprovider";
+
+                this._terrainProviders.push(layers[i]);
+              } else if (layers[i] instanceof Cesium.Kq3dGeoJsonDataSource) {
+                serverType = "datasource";
+              }
+
+              if (!layers[i].guid) layers[i].guid = Cesium.createGuid();
+
+              if (length > 1) {
+                layerData.children.push({
+                  guid: layers[i].guid,
+                  name: layers[i].name,
+                  visible: true,
+                  serverType: serverType
+                });
+              } else {
+                layerData.guid = layers[i].guid;
+                layerData.visible = true;
+                layerData.serverType = serverType;
+              }
+            }
+          }
+        });
+        break;
+
+      case "kqgisimageserver":
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dKQGISServerImageryProviderExt({
+          name: name,
+          url: url,
+          layerName: layerData.layerName
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "imagerylayer";
+        break;
+
+      case "kqgismapserver":
+        var layerInfo = layerData.sourceLayers.find(item => {
+          return item.id + "" == layerData.id + "";
+        });
+
+        if (layerInfo) {
+          for (var key in layerInfo) {
+            if (!layerData[key]) {
+              layerData[key] = layerInfo[key];
+            }
+          }
+
+          layerData.visible = true;
+          var imageryProvider = new Cesium.Kq3dKQGISMapServerImageryProviderExt({
+            url: url,
+            ua_token: layerData.token,
+            layers: layerData.id + ""
+          });
+          var imageryLayer = new Cesium.ImageryLayer(imageryProvider);
+          imageryLayer.name = layerData.guid;
+
+          this._viewer.imageryLayers.add(imageryLayer);
+        }
+
+        break;
+
+      case "arcgismapserver":
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dArcGISMapServerImageryProvider({
+          name: name,
+          url: url,
+          layers: layerData.id + ""
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "imagerylayer";
+        break;
+
+      case "wms":
+        //配置id时只能是单个图层
+        promise = this._viewer.addWMSLayerGroup(url, {
+          layers: layerData.id + ""
+        }).then(group => {
+          var layers = group._addedLayers || group._layers;
+
+          if (layers && layers.length > 0) {
+            layerData.guid = layers[0].guid;
+            layerData.name = name || layers[0].name;
+            layerData.visible = true;
+            layerData.serverType = "imagerylayer";
+          }
+        });
+        break;
+
+      case "wmts":
+        //配置id时只能是单个图层
+        promise = this._viewer.addWMTSLayerGroup(url, {
+          layers: layerData.id + ""
+        }).then(group => {
+          var layers = group._addedLayers || group._layers;
+
+          if (layers && layers.length > 0) {
+            layerData.guid = layers[0].guid;
+            layerData.name = name || layers[0].name;
+            layerData.visible = true;
+            layerData.serverType = "imagerylayer";
+          }
+        });
+        break;
+      // case "wfs":
+      //   var wfsProvider = new Cesium.Kq3dWebFeatureServiceProvider({
+      //     url: url,
+      //     typeName: name
+      //   });
+      //   var that = this;
+      //   wfsProvider.load().then(function (data) {
+      //     var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+      //     ds.load(data, that._geojsonStyle).then(ds => {
+      //       that._viewer.dataSources.add(ds);
+      //       ds.autoAvoid(that._viewer);
+      //       layerData.guid = ds.guid;
+      //       layerData.visible = true;
+      //       layerData.serverType = "datasource";
+      //     });
+      //   });
+      //   break;
+
+      case "geojson":
+        var ds = new Cesium.Kq3dGeoJsonDataSource(name);
+        promise = ds.load(url, this._geojsonStyle).then(ds => {
+          this._viewer.dataSources.add(ds);
+
+          ds.autoAvoid(this._viewer);
+          layerData.guid = ds.guid;
+          layerData.visible = true;
+          layerData.serverType = "datasource";
+        });
+        break;
+
+      case "kml":
+        var ds = new Cesium.KmlDataSource({
+          name: name,
+          camera: this._viewer.camera,
+          canvas: this._viewer.scene.canvas
+        });
+        promise = ds.load(url).then(ds => {
+          this._viewer.dataSources.add(ds);
+
+          layerData.guid = ds.guid;
+          layerData.visible = true;
+          layerData.serverType = "datasource";
+        });
+        break;
+
+      case "czml":
+        var ds = new Cesium.CzmlDataSource(name);
+        promise = ds.load(url).then(ds => {
+          this._viewer.dataSources.add(ds);
+
+          layerData.guid = ds.guid;
+          layerData.visible = true;
+          layerData.serverType = "datasource";
+        });
+        break;
+
+      case "tianditu":
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dTiandituImageryProvider({
+          name: name,
+          mapStyle: layerData.layerType + "_c"
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "imagerylayer";
+        break;
+
+      case "baidu":
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dBaiduMapsImageryProvider({
+          name: name,
+          mapStyle: layerData.layerType
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "imagerylayer";
+        break;
+
+      case "gaode":
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dAMapsImageryProvider({
+          name: name,
+          mapStyle: layerData.layerType
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "imagerylayer";
+        break;
+
+      case "tencent":
+        layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.Kq3dQQMapsImageryProvider({
+          name: name,
+          mapStyle: layerData.layerType
+        }));
+        layerData.guid = layer.guid;
+        layerData.visible = true;
+        layerData.serverType = "imagerylayer";
+        break;
+
+      default:
+        break;
+    }
+
+    return promise;
   } //添加服务数据
 
 
@@ -1358,7 +1835,6 @@ class ScenceViewViewModel extends (mitt_default()) {
       eventMapTarget: this._viewerId
     });
     global_event_default().off("load-viewer");
-    this._layerManager && this._layerManager.addServiceData(this._props.service);
     this.fire("mounted", {
       eventMapTarget: this
     });
@@ -1699,7 +2175,9 @@ const __default__ = {
     showToolButtons: {
       type: Boolean,
       default: true
-    }
+    },
+    // ScenceView初始化的参数对象，包含初始化范围和layer信息。
+    scenceInfo: Object
   },
 
   setup(__props, {

package/shadowanalysis/index.js

@@ -74,25 +74,9 @@ function _defineProperty(obj, key, value) {
 
   return obj;
 }
-;// CONCATENATED MODULE: external "element-plus/es"
-var es_namespaceObject = require("element-plus/es");
-;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
-var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
-var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
-;// CONCATENATED MODULE: ./src/common/_ui/message/index.js
-
-
-
-es_namespaceObject.ElMessage.install = (Vue, opts) => {
-  init_js_default()(Vue, opts);
-  Vue.component("KqMessage", es_namespaceObject.ElMessage);
-};
-
-/* harmony default export */ var message = (es_namespaceObject.ElMessage);
 ;// CONCATENATED MODULE: ./src/webgl/shadowanalysis/ShadowAnalysisViewModel.js
 
- // 分析逻辑类
-
+// 分析逻辑类
 class ShadowAnalysisViewModel {
   constructor(scenceView, viewModel) {
     _defineProperty(this, "_shadowAnalysis", null);
@@ -172,10 +156,7 @@ class ShadowAnalysisViewModel {
         clampToGround: true
       });
     } else {
-      message({
-        message: "请添加模型后分析!",
-        type: "warning"
-      });
+      throw "请添加模型后分析!";
     }
   } // 阴影分析
 
@@ -1057,6 +1038,9 @@ const __default__ = {
 const __exports__ = ShadowAnalysisvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var ShadowAnalysis = (__exports__);
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
 ;// CONCATENATED MODULE: ./src/webgl/shadowanalysis/index.js
 
 

package/sightlineanalysis/index.js

@@ -2,7 +2,7 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 354:
+/***/ 705:
 /***/ (function(module) {
 
 
@@ -77,7 +77,7 @@ module.exports = function (cssWithMappingToString) {
 /***/ 868:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(705);
 /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
 // Imports
 

package/skylineanalysis/index.js

@@ -74,25 +74,9 @@ function _defineProperty(obj, key, value) {
 
   return obj;
 }
-;// CONCATENATED MODULE: external "element-plus/es"
-var es_namespaceObject = require("element-plus/es");
-;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
-var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
-var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
-;// CONCATENATED MODULE: ./src/common/_ui/message/index.js
-
-
-
-es_namespaceObject.ElMessage.install = (Vue, opts) => {
-  init_js_default()(Vue, opts);
-  Vue.component("KqMessage", es_namespaceObject.ElMessage);
-};
-
-/* harmony default export */ var message = (es_namespaceObject.ElMessage);
 ;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/SkylineAnalysisViewModel.js
 
- //天际线分析逻辑类
-
+//天际线分析逻辑类
 class SkylineAnalysisViewModel {
   /**
    * 天际线分析逻辑类
@@ -186,10 +170,7 @@ class SkylineAnalysisViewModel {
 
       this.setSkyline2D();
     } else {
-      message({
-        message: "请添加模型后提取!",
-        type: "warning"
-      });
+      throw "请添加模型后提取!";
     }
   }
   /**
@@ -221,10 +202,7 @@ class SkylineAnalysisViewModel {
 
       this._skylineAnalysis.viewer.camera.moveBackward(30);
     } else {
-      message({
-        message: "请添加模型后绘制!",
-        type: "warning"
-      });
+      throw "请添加模型后绘制!";
     }
   }
   /**
@@ -802,6 +780,9 @@ const __default__ = {
 const __exports__ = SkylineAnalysisvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var SkylineAnalysis = (__exports__);
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
 ;// CONCATENATED MODULE: ./src/webgl/skylineanalysis/index.js
 
 

package/slopeanalysis/index.js

@@ -76,24 +76,8 @@ function _defineProperty(obj, key, value) {
 }
 ;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/_utils/const-image"
 var const_image_namespaceObject = require("@kq_npm/client_common_vue/_utils/const-image");
-;// CONCATENATED MODULE: external "element-plus/es"
-var es_namespaceObject = require("element-plus/es");
-;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
-var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
-var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
-;// CONCATENATED MODULE: ./src/common/_ui/message/index.js
-
-
-
-es_namespaceObject.ElMessage.install = (Vue, opts) => {
-  init_js_default()(Vue, opts);
-  Vue.component("KqMessage", es_namespaceObject.ElMessage);
-};
-
-/* harmony default export */ var message = (es_namespaceObject.ElMessage);
 ;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/SlopeAnalysisViewModel.js
 
-
  // 分析逻辑类
 
 class SlopeAnalysisViewModel {
@@ -232,10 +216,7 @@ class SlopeAnalysisViewModel {
         }
       }
     } else {
-      message({
-        message: "请加载地形后分析!",
-        type: "warning"
-      });
+      throw "请加载地形后分析!";
     }
   } //修改填充样式
 
@@ -1069,6 +1050,9 @@ const __default__ = {
 const __exports__ = SlopeAnalysisvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var SlopeAnalysis = (__exports__);
+;// CONCATENATED MODULE: external "@kq_npm/client_common_vue/init.js"
+var init_js_namespaceObject = require("@kq_npm/client_common_vue/init.js");
+var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
 ;// CONCATENATED MODULE: ./src/webgl/slopeanalysis/index.js