zbcx_ckyc 1.0.0

package/src/plugins/app/com/yx.js

@@ -0,0 +1,238 @@
+/**
+ * 影像加载 - 基类
+ * 推荐使用天地图，其他地图使用时会有偏移
+ */
+export default {
+  methods: {
+    /**
+     * 百度-暗色
+     */
+    loadbdas()
+    {
+      let baseLayer = new cxe.ImageryLayer('baidu', {
+        url: 'http://api0.map.bdimg.com/customimage/tile?=&x={x}&y={y}&z={z}&scale=1&customid=midnight'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+    },
+
+    /**
+     * 百度-矢量
+     */
+    loadbdsl()
+    {
+      let baseLayer = new cxe.ImageryLayer('baidu', {
+        url: 'http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+    },
+
+    /**
+     * 天地图-影像
+     */
+    loadTdt()
+    {
+      let baseLayer = new cxe.ImageryLayer('tdt', {
+        style: 'img',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      let baseLayerZj = new cxe.ImageryLayer('tdt', {
+        style: 'cva',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+      this.Viewer.layers.addImageryLayer(baseLayerZj)
+    },
+
+    /**
+     * 天地图-矢量
+     */
+    loadTdtSl()
+    {
+      let baseLayer = new cxe.ImageryLayer('tdt', {
+        style: 'vec',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      let baseLayerZj = new cxe.ImageryLayer('tdt', {
+        style: 'cva',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+      this.Viewer.layers.addImageryLayer(baseLayerZj)
+    },
+
+    /**
+     * 天地图-地形
+     */
+    loadTdtDx()
+    {
+      let baseLayer = new cxe.ImageryLayer('tdt', {
+        style: 'ter',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      let baseLayerZj = new cxe.ImageryLayer('tdt', {
+        style: 'cva',
+        key: '569737ea36171685d686b54ce079a49d'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+      this.Viewer.layers.addImageryLayer(baseLayerZj)
+    },
+
+    /**
+     * 高德-影像
+     */
+    loadgdyx()
+    {
+      let baseLayer = new cxe.ImageryLayer('gaode', {
+        style: 'img'
+      })
+      let baselayerCva = new cxe.ImageryLayer('gaode', {
+        style: 'cva'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+      this.Viewer.layers.addImageryLayer(baselayerCva)
+    },
+
+    /**
+     * 高德-矢量
+     */
+    loadgdsl()
+    {
+      let baseLayer = new cxe.ImageryLayer('gaode')
+      let baselayerCva = new cxe.ImageryLayer('gaode', {
+        style: 'cva'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+      this.Viewer.layers.addImageryLayer(baselayerCva)
+    },
+
+    /**
+     * 腾讯-影像
+     */
+    loadtxyx()
+    {
+      let baseLayer = new cxe.ImageryLayer('tencent', {
+        style: 'img'
+      })
+      let baselayerCva = new cxe.ImageryLayer('tencent', {
+        style: 'cva'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+      this.Viewer.layers.addImageryLayer(baselayerCva)
+    },
+
+    /**
+     * 腾讯-矢量
+     */
+    loadtxsl()
+    {
+      let baseLayer = new cxe.ImageryLayer('tencent')
+      let baselayerCva = new cxe.ImageryLayer('tencent', {
+        style: 'cva'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+      this.Viewer.layers.addImageryLayer(baselayerCva)
+    },
+
+    /**
+     * arcgis 影像
+     */
+    loadacgisyx()
+    {
+      let baseLayer = new cxe.ImageryLayer('arcgis', {
+        url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+    },
+
+    /**
+     * arcgis 地形图
+     */
+    loadarcgisdx()
+    {
+      let baseLayer = new cxe.ImageryLayer('arcgis', {
+        url: 'https://services.arcgisonline.com/arcgis/rest/services/World_Physical_Map/MapServer'
+      })
+      this.Viewer.layers.addImageryLayer(baseLayer)
+    },
+
+    /**
+     * 图片影像
+     */
+    loadtpyx()
+    {
+      let baselayer = new cxe.ImageryLayer('single_tile', {
+        url: 'tpyx/cxe_demo/examples/images/map/world_img.jpg'
+      })
+      this.Viewer.layers.addImageryLayer(baselayer)
+    },
+
+    /**
+     * 清空影像
+     */
+    clearImageLayer()
+    {
+      this.Viewer.imageryLayers.removeAll()
+    },
+
+    /**
+     * 移除影像
+     * @param {*} curLayer 影像实例化对象
+     */
+    removeImageLayer(curLayer)
+    {
+      // window.Viewer.layers.removeImageryLayer(baselayer)
+      window.Viewer.layers.removeImageryLayer(curLayer)
+    },
+
+    /**
+     * 影像切换
+     * @param {*} type type
+     */
+    onSwitchmap(type)
+    {
+      this.clearImageLayer()
+      if (type === '矢量')
+        this.loadTdtSl()
+      else if (type === '影像')
+        this.loadTdt()
+      else
+        this.loadTdtDx()
+    },
+
+    /**
+     * 云南省边界影像
+     * @param {*} viewer
+     */
+    loadYnsImagerLayer(url, layer, type = '行政区')
+    {
+      let provider = new Cesium.WebMapServiceImageryProvider({
+        url: url,
+        layers: layer,
+        parameters: {
+          service: 'WMS',
+          request: 'GetMap',
+          format: 'image/png',
+          transparent: true
+        }
+      })
+      let maplayer = window.Viewer.imageryLayers.addImageryProvider(provider)
+      maplayer.type = type
+    },
+
+    /**
+     * 复位
+     */
+    resetEarth(opts = {})
+    {
+      const { x, y, z } = opts
+      window.Viewer.camera.flyTo({
+        destination: Cesium.Cartesian3.fromDegrees(x ?? 114.305556, y ?? 30.571386, z ?? 400000),
+        orientation: {
+          heading: 6.283185307179586,
+          pitch: -1.5686521559334161,
+          roll: 0
+        }
+      })
+    }
+  }
+}