cd-mapgis 1.0.58 → 1.0.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cd-mapgis",
-  "version": "1.0.58",
+  "version": "1.0.60",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
   "type": "module",

package/src/LayerUtil.js

@@ -12,6 +12,7 @@ import Feature from 'ol/Feature.js';
 import VectorSource from 'ol/source/Vector.js';
 import VectorLayer from 'ol/layer/Vector.js';
 import StyleUtil from './StyleUtil.js';
+import LineString from 'ol/geom/LineString.js';
 
 /**
  * 图层工具
@@ -205,15 +206,30 @@ export default class LayerUtil {
         });
         return { layer: layer, geometry: geometry };
     }
+    /**
+     *  [[116.4074, 39.9042], [121.4737, 31.2304]]
+     * @param {*} p 
+     */
+    static getJsonPointsLayer(p) {
+        let coordinates = JSON.parse(p.data);
+        let geometry = new LineString(coordinates);
+        let feature = new Feature({ geometry: geometry });
+        let vectorSource = new VectorSource({ features: [feature] });
+        let layer = new VectorLayer({
+            source: vectorSource,
+            style: p.style
+        });
+        return { layer: layer, geometry: geometry };
+    }
     /**
      * 将geoJson的点集合数据包装为一个图层
      * @param {*} p {geoList:[],img:{url,anchor},text:{str,font,color,offsetY}}
      */
-    static getJsonPointsLayer(p) {      
+    static getJsonPointsLayer(p) {
         let geoJSON = new GeoJSON();
         let features = [];
         for (let i = 0; i < p.geoList.length; i++) {
-            let geo = p.geoList[i];          
+            let geo = p.geoList[i];
             var f = new Feature({
                 geometry: geoJSON.readGeometry(geo.json)
             });
@@ -223,7 +239,7 @@ export default class LayerUtil {
             }
             f.setStyle(StyleUtil.getPointStyle(p));
             features.push(f);
-        }       
+        }
         let vectorSource = new VectorSource({ features: features });
         return new VectorLayer({
             source: vectorSource
@@ -233,11 +249,11 @@ export default class LayerUtil {
      * 将geoJson的多边形集合数据包装为一个图层
      * @param {*} p {geoList:[],style:{fillColor,lineColor,lineWidth},text:{str,font,color}}
      */
-    static getJsonPolygonsLayer(p) {      
+    static getJsonPolygonsLayer(p) {
         let geoJSON = new GeoJSON();
         let features = [];
         for (let i = 0; i < p.geoList.length; i++) {
-            let geo = p.geoList[i];           
+            let geo = p.geoList[i];
             var f = new Feature({
                 geometry: geoJSON.readGeometry(geo.json)
             });
@@ -247,7 +263,7 @@ export default class LayerUtil {
             }
             f.setStyle(StyleUtil.getPolygonStyle(p));
             features.push(f);
-        }      
+        }
         let vectorSource = new VectorSource({ features: features });
         return new VectorLayer({
             source: vectorSource

package/src/MapView.js

@@ -80,15 +80,27 @@ export default class MapView {
         this.clearTemplayer(); //移除之前的显示       
         p.style = StyleUtil.getViewOnTemplayerStyle();
         //重建图层，避免在其他地方全部移除图层后，templayer不为空，但是已经不在地图中的情况
-        let res = LayerUtil.getJsonLayer(p);
+        let res;
+        if (p.type == 'jsonPoints') {
+            res = LayerUtil.getJsonPointsLayer(p);
+        } else {
+            res = LayerUtil.getJsonLayer(p);
+        }
         this._view_templayer = res.layer;
         this.map.addLayer(this._view_templayer);// 添加到地图
         // fit方法 - 自动适应范围    
         let extent = res.geometry.getExtent();
-        let extent2 = this.expandExtent(extent);
-        this.map.getView().fit(extent2, {
-            size: this.map.getSize()
-        });
+        //非点
+        if (extent[0] != extent[2]) {
+            //缩放到指定的范围
+            let extent2 = this.expandExtent(extent);
+            this.map.getView().fit(extent2, {
+                size: this.map.getSize()
+            });
+        } else {
+            //平移到指定的点
+            this.map.getView().setCenter([extent[0], extent[1]]); // [经度, 纬度]
+        }
     }
     /**
      * 清除显示在临时图层上的数据