@mapgis/webclient-vue-cesium 10.5.5-1 → 10.5.5-6

package/src/components/service/comprehensive-query/util/feature/feature.js

@@ -0,0 +1 @@
+export {};

package/src/components/service/comprehensive-query/util/feature/index.js

@@ -0,0 +1,9 @@
+export {
+  getGeoJSONFeatureCenter,
+  getGeoJSONFeaturesCenter,
+  getGeoJSONFeatureBound
+} from "./feature-geojson";
+export { default as FeatureConvert } from "./feature-convert";
+export { default as FeatureQuery } from "./feature-query";
+export { default as FeatureEdit } from "./feature-edit";
+export { default as ArcGISFeatureQuery } from "./arcgis-feature-query";

package/src/components/service/comprehensive-query/util/objects/geometry.js

@@ -0,0 +1,58 @@
+import * as Zondy from "@mapgis/webclient-es6-service";
+export class GeometryExp {
+  static calculateBound(dots) {
+    const bound = {
+      xmin: dots[0][0],
+      ymin: dots[0][1],
+      xmax: dots[0][0],
+      ymax: dots[0][1]
+    };
+    for (let i = 0; i < dots.length; i += 1) {
+      if (bound.xmin && dots[i][0] < bound.xmin) {
+        bound.xmin = dots[i][0];
+      }
+      if (bound.ymin && dots[i][1] < bound.ymin) {
+        bound.ymin = dots[i][1];
+      }
+      if (bound.xmax && dots[i][0] > bound.xmax) {
+        bound.xmax = dots[i][0];
+      }
+      if (bound.ymax && dots[i][1] > bound.ymax) {
+        bound.ymax = dots[i][1];
+      }
+    }
+    return bound;
+  }
+  /**
+   * 获取多边形重心
+   * @param lnglats
+   * @returns {number[]}
+   */
+  static getCenterOfGravityPoint(lnglats) {
+    let area = 0.0; // 多边形面积
+    let Gx = 0.0;
+    let Gy = 0.0; // 重心的x、y
+    for (let i = 1; i <= lnglats.length; i += 1) {
+      const iLat = lnglats[i % lnglats.length][1];
+      const iLng = lnglats[i % lnglats.length][0];
+      const nextLat = lnglats[i - 1][1];
+      const nextLng = lnglats[i - 1][0];
+      const temp = (iLat * nextLng - iLng * nextLat) / 2.0;
+      area += temp;
+      Gy += (temp * (iLat + nextLat)) / 3.0;
+      Gx += (temp * (iLng + nextLng)) / 3.0;
+    }
+    return [Gx / area, Gy / area];
+  }
+  static creatRectangleByViewRectangle(rect) {
+    return new Zondy.Common.Rectangle(
+      rect.west,
+      rect.south,
+      rect.east,
+      rect.north
+    );
+  }
+  static creatRectByMinMax(xMin, yMin, xMax, yMax) {
+    return new Zondy.Common.Rectangle(xMin, yMin, xMax, yMax);
+  }
+}

package/src/components/Overlay/Mapv.vue

@@ -1,142 +0,0 @@
-<template>
-  <span />
-</template>
-<script>
-import { DataSet } from 'mapv'
-import { MapvLayer } from './mapv/MapvLayer'
-export default {
-  name: "cesium-mapv-layer",
-  props: {
-    geojson: {
-      type: Object,
-      required: true,
-    },
-    countField: {
-      type: String,
-      default: 'count'
-    },
-    options:{
-      type:Object,
-      default(){
-        return {
-          context: '2d',
-          draw: 'heatmap'
-        }
-      }
-    }
-  },
-  inject: ["Cesium", "webGlobe"],
-  watch:{
-    geojson: {
-      deep: true,
-      handler() {
-        const data = this.initData(this.geojson)
-        if(!data&&this.mapvLayer){
-          this.mapvLayer.destroy()
-          this.mapvLayer = undefined
-        }
-        if(!this.mapvLayer){
-          this.mount()
-        }else {
-          this.mapvLayer.updateData(data, this.options);
-        }
-      }
-    },
-    options:{
-      deep:true,
-      handler(){
-        if(!this.mapvLayer){
-          return
-        }
-        this.mapvLayer.updateData(this.dataSet, this.options);
-      }
-    }
-  },
-  methods: {
-    createCesiumObject () {
-      const { webGlobe } = this;
-      const { viewer } = webGlobe;
-      const dataset = this.initData();
-      if(!dataset){
-        return
-      }
-      return new MapvLayer(viewer, dataset, this.options);
-    },
-    initData (geojson) {
-      let data = [];
-      geojson = geojson || this.geojson;
-      // 构造数据
-      var features = geojson.features;
-      if(!features){
-        return
-      }
-      for (let i = 0; i < features.length; i++) {
-        const feature = features[i]
-        const fType = feature.geometry.type
-        const coordinates = feature.geometry.coordinates
-        if (fType === 'Point') {
-          data.push({
-            geometry: {
-              type: 'Point',
-              coordinates: coordinates
-            },
-            count:  feature.properties[this.countField] || 1
-          })
-        } else if (fType === 'LineString') {
-          for (let j = 0; j < coordinates.length; j++) {
-            data.push({
-              geometry: {
-                type: 'Point',
-                coordinates: coordinates[j]
-              },
-              count: feature.properties[this.countField] || 1
-            })
-          }
-        } else if (fType === 'Polygon') {
-          for (let j = 0; j < coordinates[0].length; j++) {
-            data.push({
-              geometry: {
-                type: 'Point',
-                coordinates: coordinates[0][j]
-              },
-              count: feature.properties[this.countField] || 1
-            })
-          }
-        }
-      }
-      var dataSet = new DataSet(data);
-      return dataSet;
-    },
-    // watchProp () { //?这个函数未生效改成了vue的watch
-    //   let { geojson, mapvLayer } = this;
-    //   if (geojson && mapvLayer) {
-    //     this.$watch("geojson", function (next) {
-    //       if (this.initial) return;
-    //       console.log(this.geojson)
-    //       const data = this.initData(next)
-    //       console.log(data)
-    //       this.mapvLayer.updateData(data,this.options);
-    //     });
-    //   }
-    // },
-    mount () {
-      this.mapvLayer = this.createCesiumObject();
-    },
-    unmount () {
-      const { webGlobe, mapvLayer } = this;
-      const viewer = webGlobe.viewer;
-      return !viewer.isDestroyed() && mapvLayer.destroy();
-    },
-  },
-  beforeDestroy(){
-    if(this.mapvLayer){
-      this.mapvLayer.destroy()
-      this.mapvLayer = undefined
-    }
-  },
-  created () {
-    this.mount();
-    // this.watchProp();
-  }
-};
-</script>

package/src/components/Overlay/MapvHeater.vue

@@ -1,98 +0,0 @@
-<template>
-  <span />
-</template>
-<script>
-import { DataSet } from 'mapv'
-import { MapvLayer } from './mapv/MapvLayer'
-export default {
-  name: "cesium-heater-layer",
-  props: {
-    geojson: {
-      type: Object,
-      required: true,
-    },
-    countField: {
-      type: String,
-      default: 'count'
-    },
-    size: {
-      type: Number,
-      default: 13,
-    },
-    gradient: {
-      type: Object,
-      default: () => {
-        return {
-          0.25: "rgb(0,0,255)",
-          0.55: "rgb(0,255,0)",
-          0.85: "yellow",
-          1.0: "rgb(255,0,0)"
-        }
-      }
-    },
-    max: {
-      type: Number,
-      default: 100,
-    },
-  },
-  inject: ["Cesium", "webGlobe"],
-  methods: {
-    createCesiumObject () {
-      const { webGlobe } = this;
-      const { viewer } = webGlobe;
-      const dataset = this.initData();
-      const options = this.initOptions();
-      return new MapvLayer(viewer, dataset, options);
-    },
-    initData (geojson) {
-      let data = [];
-      geojson = geojson || this.geojson;
-      // 构造数据
-      geojson.features && geojson.features.forEach(f => {
-        data.push({
-          geometry: {
-            type: 'Point',
-            coordinates: [f.geometry.coordinates[0], f.geometry.coordinates[1]]
-          },
-          count: f.properties[this.countField] || 1,
-        });
-      });
-      var dataSet = new DataSet(data);
-      return dataSet;
-    },
-    initOptions () {
-      const { size, gradient, max } = this;
-      const options = {
-        context: '2d',
-        size: size,
-        gradient: gradient,
-        max: max,
-        draw: 'heatmap'
-      }
-      return options;
-    },
-    watchProp () {
-      let { geojson, heaterLayer } = this;
-      if (geojson && heaterLayer) {
-        this.$watch("geojson", function (next) {
-          if (this.initial) return;
-          const data = this.initData(next)
-          this.heaterLayer.updateData(data);
-        });
-      }
-    },
-    mount () {
-      this.heaterLayer = this.createCesiumObject();
-    },
-    unmount () {
-      const { webGlobe, heaterLayer } = this;
-      const viewer = webGlobe.viewer;
-      return !viewer.isDestroyed() && heaterLayer.destroy();
-    },
-  },
-  created () {
-    this.mount();
-    this.watchProp();
-  }
-};
-</script>