zbcx_ckyc 1.0.0

package/src/plugins/zbcxCesium/pub/TMeasure.vue

@@ -0,0 +1,122 @@
+<style lang='scss' scoped>
+</style>
+
+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+
+/**
+ * 组件名称: 量算：距离、面积、角度。
+ * 功能说明: 基于cxe实现的量算封装组件
+ * 参数说明:
+ * @param   {Object}                params.type               量算的类型：MeasureLine、MeasureArea、MeasureAngle、Clear
+ */
+const TYPE =
+{
+  MeasureLine: 'MeasureLine',
+  MeasureArea: 'MeasureArea',
+  MeasureAngle: 'MeasureAngle',
+  Clear: 'MeasureClear'
+}
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: {},
+  data()
+  {
+    return {
+      layer: '',
+      instrument: {
+        MeasureLine: '',       // 测距
+        MeasureArea: '',       // 测面
+        MeasureAngle: ''       // 测角
+      }
+    }
+  },
+
+  // 计算属性，依赖其他数据数字计算
+  computed:
+  {},
+
+  // 属性监听，处理属性变化后有大量操作
+  watch:
+  {},
+
+  // 初始化组件，data中数据变量赋值
+  created()
+  {
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {
+    this.start()
+  },
+
+  // 销毁前
+  beforeUnmount()
+  {
+    this.onIncident()
+  },
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    start()
+    {
+      this.viewer = window.Viewer
+      if (!this.viewer)
+        return console.log('viewer error:', this.viewer)
+      // 开启深度测试
+      this.viewer.scene.globe.depthTestAgainstTerrain = true
+      if (this.params && this.params.type)
+      {
+        this.layer = this.creatLayer(this.viewer)
+        switch (this.params.type)
+        {
+        case TYPE.MeasureLine : this.onMeasure(this.viewer, this.layer, TYPE.MeasureLine); break
+        case TYPE.MeasureArea : this.onMeasure(this.viewer, this.layer, TYPE.MeasureArea); break
+        case TYPE.MeasureAngle : this.onMeasure(this.viewer, this.layer, TYPE.MeasureAngle); break
+        case TYPE.Clear : this.onClear(); break
+        }
+      }
+    },
+
+    // 创建图层
+    creatLayer(viewer)
+    {
+      let layer = new cxe.VectorLayer(this.params.type + 'layer')
+      viewer.layers.addLayer(layer)
+      return layer
+    },
+
+    // 量算
+    onMeasure(viewer, layer, type)
+    {
+      this.instrument[type] = new cxe[type](viewer, { layer })
+      this.instrument[type].start()
+    },
+    
+    // 消除对应的事件
+    onIncident()
+    {
+      this.viewer.layers.removeLayer(this.layer)
+    
+      Object.keys(this.instrument).forEach(item =>
+      {
+        if (this.instrument[item] !== '')
+          this.instrument[item].destroy()
+      })
+    },
+
+    // 清除绘制
+    onClear()
+    {
+      cx.run.closeRun('TMeasureClear')
+    }
+  }
+}
+</script>

package/src/plugins/zbcxCesium/pub/ToDefView3.vue

@@ -0,0 +1,109 @@
+<style lang='scss' scoped>
+  // 1、定位：position, z-index, left, right, top, bottom, clip
+  // 2、自身：width, height, min-height, max-height, min-width, max-width
+  // 3、文字：color, font-size, letter-spacing, color, text-align
+  // 4、背景：background-image, border
+</style>
+
+<template>
+  <!-- 标签语义化：header、nav、main、article、aside、footer、section -->
+  <div></div>
+</template>
+
+<script>
+
+/**
+* 组件 - 恢复默认视角-cesium
+*
+* 调用说明:
+* @prop    {Object}    xxxxxx                      	描述参数
+*
+* @event   event                                 		响应方法以及参数
+*
+* @slot    default                                  描述
+*
+* 参数说明:
+* xxx参数
+* @param   {Object}    xxx						              描述参数
+*/
+
+/**
+* 修改记录:
+* 22-06-20   姓名      修改内容
+*/
+export default
+{
+  mixins: [cx.mixin.IPlugBase],
+  components: {},
+
+  data()
+  {
+    return {
+      
+    }
+  },
+
+  // 计算属性，依赖其他数据数字计算
+  computed:
+  {},
+
+  // 属性监听，处理属性变化后有大量操作
+  watch:
+  {},
+
+  // 初始化组件，data中数据变量赋值
+  created()
+  {
+    this.viewer = this.params.viewer ? window[this.params.viewer] : window.Viewer
+    this.getViewData()
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {},
+
+  // 销毁前
+  beforeUnmount()
+  {},
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    // 设置视角和朝向
+    setView(center, orientation)
+    {
+      this.viewer.camera.flyTo({
+        destination: Cesium.Cartesian3.fromDegrees(center.longitude, center.latitude, center.height),
+        orientation: {
+          heading: Cesium.Math.toRadians(cx.base.defVal(orientation.heading, 0)),   // y
+          pitch: Cesium.Math.toRadians(cx.base.defVal(orientation.pitch, -90)),     // x
+          roll: Cesium.Math.toRadians(cx.base.defVal(orientation.roll, 0))          // z
+        }
+      })
+    },
+
+    getViewData()
+    {
+      if ($g.init.viewport)
+      {
+        let center = $g.init.viewport[0].center, orientation = $g.init.viewport[0].orientation
+        this.setView(center, orientation)
+      }
+      else
+      {
+        cx.svr.data.query(cx.consts.SYSTAB, cx.consts.TAB_VIEWPORT, { args: [['sys', '=', $g.user.sys]] }).then((result) =>
+        {
+          if (result.length)
+          {
+            let center = result[0].center, orientation = result[0].center
+            this.setView(center, orientation)
+          }
+        }).catch((err) =>
+        {
+          console.log(err, 'viewport没有数据')
+        })
+      }
+    }
+  }
+}
+</script>

package/src/plugins/zbcxCesium/pub/getWmsGetCapabilities.js

@@ -0,0 +1,127 @@
+/**
+ * 组件名称: 无
+ * 功能说明: 根据wms服务url取能力文档，会解析xml
+ * 研发时间: 2022.12.28
+ * 研发人员: 张光辉
+ * 参数说明: 暂无
+ * @param   {Object}                params                    参数
+ */
+
+import axios from 'axios'
+import X2js from 'x2js'
+const x2js = new X2js()
+export default
+{
+  mixins: [],
+  components: {},
+  props:
+  {},
+  data()
+  {
+    return {
+     
+    }
+  },
+
+  // 计算属性，依赖其他数据数字计算
+  computed:
+  {},
+
+  // 属性监听，处理属性变化后有大量操作
+  watch:
+  {},
+
+  // 初始化组件，data中数据变量赋值
+  created()
+  {
+    // this.getWmsGetCapabilities('http://192.168.2.225:6080/arcgis/rest/services/xzdz/GCDZ/MapServer/WMSServer')
+  },
+
+  // 组件dom挂载成功
+  mounted()
+  {},
+
+  // 销毁前
+  beforeUnmount()
+  {},
+
+  // 按功能相关性组织函数块，函数名体现功能
+  methods:
+  {
+    // 更新wms3表rectangle, （三维也需要更新wms3，故写到这里）
+    updateWmsRectangle(wms, rectangle)
+    {
+      let _params = {}
+      let wms3 = $g.init.wms3.find(wms3 => wms3.name === wms.name)
+      if (wms3.params) _params = { ...wms3.params, rectangle }
+      else _params = { rectangle }
+      let param =
+      {
+        id: wms3.id,
+        cols: 'params',
+        params: JSON.stringify(_params)
+      }
+      cx.svr.data.update($app.TabConst.wms3.major, $app.TabConst.wms3.minor, param).then(_ =>
+      {
+        wms3.params = _params
+      }).catch(err => console.log(err))
+    },
+
+    /**
+     * 获取有效的url地址，必须以'/WMSServer'结尾。
+     * @method
+     * @param   {String}    url     url地址
+     * @returns {String}    构造好的有效的url地址
+     */
+    getUseUrl(url)
+    {
+      // 校验url是不是以'/WMSServer'结尾，不是的话拼接上
+      if (url.split('/').pop() === 'WMSServer')
+        return url.replace('/rest', '')
+      return `${url.replace('/rest', '')}/WMSServer`
+    },
+
+    /**
+     * 查询xml的能力文档
+     * @param {String}    url       wms的url
+     * @returns Promises
+     */
+    getWmsGetCapabilities(url)
+    {
+      let str = '?request=GetCapabilities&service=WMS'
+      let _url = this.getUseUrl(url)
+      return new Promise((resolve, reject) =>
+      {
+        axios.get(_url + str).then(ret =>
+        {
+          if (ret.status === 200)
+            resolve(this.xmlToJson(ret.data))
+        }).catch(reject)
+      })
+    },
+
+    // xml文档解析成对象
+    xmlToJson(xml)
+    {
+      let data = x2js.xml2js(xml)
+      return data
+    },
+
+    // 根据能力文档取到具体layer的信息
+    async getWmsLayerByXml(url, name, isWms)
+    {
+      let xmlData = await this.getWmsGetCapabilities(url)
+      if (isWms && isWms === 'wms')
+      {
+        let layer = Number(name) + 1
+        name = xmlData.WMS_Capabilities.Capability.Layer.Layer.length ? (xmlData.WMS_Capabilities.Capability.Layer.Layer.length - layer).toString() : '0'
+      }
+      return xmlData.WMS_Capabilities.Capability.Layer.Layer.length ? xmlData.WMS_Capabilities.Capability.Layer.Layer.find(layer => layer.Name === name) : xmlData.WMS_Capabilities.Capability.Layer.Layer
+    },
+    getBbox(layer)
+    {
+      return layer.EX_GeographicBoundingBox.westBoundLongitude + ',' + layer.EX_GeographicBoundingBox.southBoundLatitude + ',' + layer.EX_GeographicBoundingBox.eastBoundLongitude + ',' + layer.EX_GeographicBoundingBox.northBoundLatitude
+    }
+  }
+}
+

package/src/plugins/zbcxCesium/utils/ShpToGeoJson.js

@@ -0,0 +1,24 @@
+
+import { open } from 'shapefile'
+
+/**
+ * @param {String} shp shp的地址
+ * @param {String} dbf dbf的地址
+ * @return Promise
+ */
+
+const shpToGeoJson = async function(shp, dbf)
+{
+  let features = []
+  return open(shp, dbf, { encoding: 'UTF-8' })
+    .then(source => source.read()
+      .then(function log(result)
+      {
+        if (result.done) return features
+        features.push(result.value)
+        return source.read().then(log)
+      }))
+    .catch(error => console.error(error.stack))
+}
+
+export default shpToGeoJson

package/src/plugins/zbcxCesium/utils/WebProj4.js

@@ -0,0 +1,32 @@
+import proj4 from 'proj4'
+class WebProj4Class
+{
+  constructor()
+  {
+    if (window.epsgdefs)
+    {
+      window.epsgdefs.forEach(item =>
+      {
+        proj4.defs(item.epsg, item.defs)
+      })
+    }
+  }
+  
+  // 静态方法
+  static getInstance()
+  {
+    if (!this.instance)
+
+      this.instance = new WebProj4Class()
+      
+    return this.instance
+  }
+
+  transform(from, to, x, y)
+  {
+    return proj4(from, to, [x, y])
+  }
+}
+
+
+export default WebProj4Class