cd-mapgis 1.0.66 → 1.0.68

package/package.json

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

package/src/InnerUtil.js

@@ -53,10 +53,16 @@ export default class InnerUtil {
         let map = p.map ? p.map : MapView.Instance.map;
         // 获取指北针元素
         const compassElement = document.getElementById(p.compassId);
-        const compassIcon = compassElement.querySelector(p.compassIconStyle);
+        if (!compassElement) {
+            console.error("未获取到dom元素:" + p.compassId);
+        }
         // 监听地图视图的旋转变化
         map.getView().on('change:rotation', function () {
-            const rotation = map.getView().getRotation();
+            let compassIcon = document.getElementById(p.compassIconId);
+            if (!compassIcon) {
+                console.error("未获取到dom元素:" + p.compassIconId);              
+            }
+            let rotation = map.getView().getRotation();
             // 将弧度转换为角度，并更新指北针旋转
             // 注意：PNG图片需要旋转相反方向，因为地图旋转时指北针应保持指向北方
             const rotationDeg = -rotation * (180 / Math.PI);

package/src/Location.js

@@ -0,0 +1,49 @@
+import VectorSource from 'ol/source/Vector.js';
+import VectorLayer from 'ol/layer/Vector.js';
+import Feature from 'ol/Feature.js';
+import MapView from './MapView.js';
+import Point from 'ol/geom/Point.js';
+import Style from 'ol/style/Style.js';
+import Icon from 'ol/style/Icon.js';
+
+export default class Location {
+    constructor(p) {
+        this.param = p;
+        this.img = p.img;
+        this.vectorSource = null;
+        this.vectorLayer = null;
+        this.map = p.map ? p.map : MapView.Instance.map;
+    }
+
+    /**
+     * [lon,lat]
+     * @param {*} point 
+     */
+    mark(point) {
+        if (!this.vectorLayer) {
+            let vectorSource = new VectorSource();
+            let vectorLayer = new VectorLayer({
+                source: vectorSource
+            });
+            this.map.addLayer(vectorLayer);
+            this.vectorSource = vectorSource;
+            this.vectorLayer = vectorLayer;
+        }
+        this.vectorSource.clear();
+        // 使用外部圆点图标
+        let dotFeature = new Feature({
+            geometry: new Point(point)
+        });
+        dotFeature.setStyle(new Style({
+            image: new Icon({
+                src: this.img, // 外部图标路径
+                scale: 1, // 缩放比例
+                anchor: [0.5, 0.5], // 锚点为中心
+                anchorOrigin: 'center',
+                anchorXUnits: 'fraction',
+                anchorYUnits: 'fraction'
+            })
+        }));
+        this.vectorSource.addFeature(dotFeature);
+    }
+}

package/src/index.js

@@ -6,6 +6,7 @@ import Overlay from './Overlay.js';
 import HttpUtil from './HttpUtil.js';
 import InnerUtil from './InnerUtil.js';
 import StyleUtil from './StyleUtil.js';
+import Location from './Location.js';
 
 // 导出模块
 export {
@@ -15,5 +16,6 @@ export {
     Overlay,
     HttpUtil,
     InnerUtil,
-    StyleUtil
+    StyleUtil,
+    Location
 };