@opengeoweb/webmap 2.2.0 → 2.4.0

package/index.esm.js

@@ -3575,6 +3575,7 @@ var MapPin = /*#__PURE__*/function () {
     this.geoPosX = null;
     this.geoPosY = null;
     this.displayMapPin = true;
+    this.disableMapPin = false;
 
     this.redrawMap = function () {
       _this._map.draw();
@@ -3595,6 +3596,8 @@ var MapPin = /*#__PURE__*/function () {
       var x = _x;
       var y = _y;
       if (!x || !y) return;
+      if (_this.disableMapPin && !_bbox) return; // we still want to update the pin position when the bbox changes.
+
       _this.x = parseInt(x, 10);
       _this.y = parseInt(y, 10);
       _this.exactX = parseFloat(x);
@@ -3619,6 +3622,12 @@ var MapPin = /*#__PURE__*/function () {
       _this.setMapPin(newpos.x, newpos.y);
     };
 
+    this.toggleDisableMapPin = function () {
+      _this.disableMapPin = !_this.disableMapPin;
+
+      _this.redrawMap();
+    };
+
     this.showMapPin = function () {
       _this.displayMapPin = true;
 
@@ -3638,7 +3647,7 @@ var MapPin = /*#__PURE__*/function () {
     key: "drawMarker",
     value: function drawMarker(ctx) {
       if (isDefined(this.x) && isDefined(this.y)) {
-        WMDrawMarker(ctx, this.x, this.y, '#051039');
+        WMDrawMarker(ctx, this.x, this.y, this.disableMapPin ? '#808080' : '#051039');
       }
     }
   }]);
@@ -5203,7 +5212,6 @@ var WMJSMap = /*#__PURE__*/function () {
       this.mainElement.style.width = "".concat(this.width, "px");
       this.mainElement.style.height = "".concat(this.height, "px");
       this.setBBOX(this.resizeBBOX);
-      this.mapPin.repositionMapPin();
       this.showBoundingBox();
       this.divBuffer.resize(this.getWidth().toString(), this.getHeight().toString());
       this.repositionLegendGraphic();
@@ -6800,6 +6808,7 @@ var WMJSMap = /*#__PURE__*/function () {
 
       this.updateBBOX.setBBOX(this.bbox);
       this.drawnBBOX.setBBOX(this.bbox);
+      this.mapPin.repositionMapPin(this.bbox);
       /* Undo part */
 
       if (this.DoRedo === 0 && this.DoUndo === 0) {

package/index.umd.js

@@ -3620,6 +3620,7 @@
       this.geoPosX = null;
       this.geoPosY = null;
       this.displayMapPin = true;
+      this.disableMapPin = false;
 
       this.redrawMap = function () {
         _this._map.draw();
@@ -3640,6 +3641,8 @@
         var x = _x;
         var y = _y;
         if (!x || !y) return;
+        if (_this.disableMapPin && !_bbox) return; // we still want to update the pin position when the bbox changes.
+
         _this.x = parseInt(x, 10);
         _this.y = parseInt(y, 10);
         _this.exactX = parseFloat(x);
@@ -3664,6 +3667,12 @@
         _this.setMapPin(newpos.x, newpos.y);
       };
 
+      this.toggleDisableMapPin = function () {
+        _this.disableMapPin = !_this.disableMapPin;
+
+        _this.redrawMap();
+      };
+
       this.showMapPin = function () {
         _this.displayMapPin = true;
 
@@ -3681,7 +3690,7 @@
 
     MapPin.prototype.drawMarker = function (ctx) {
       if (isDefined(this.x) && isDefined(this.y)) {
-        WMDrawMarker(ctx, this.x, this.y, '#051039');
+        WMDrawMarker(ctx, this.x, this.y, this.disableMapPin ? '#808080' : '#051039');
       }
     };
 
@@ -5211,7 +5220,6 @@
       this.mainElement.style.width = this.width + "px";
       this.mainElement.style.height = this.height + "px";
       this.setBBOX(this.resizeBBOX);
-      this.mapPin.repositionMapPin();
       this.showBoundingBox();
       this.divBuffer.resize(this.getWidth().toString(), this.getHeight().toString());
       this.repositionLegendGraphic();
@@ -6749,6 +6757,7 @@
 
       this.updateBBOX.setBBOX(this.bbox);
       this.drawnBBOX.setBBOX(this.bbox);
+      this.mapPin.repositionMapPin(this.bbox);
       /* Undo part */
 
       if (this.DoRedo === 0 && this.DoUndo === 0) {

package/lib/components/WMMapPin.d.ts

@@ -9,15 +9,17 @@ declare class MapPin {
     private geoPosX;
     private geoPosY;
     displayMapPin: boolean;
+    disableMapPin: boolean;
     constructor(_map: WMJSMap);
     redrawMap: () => void;
     drawMarker(ctx: CanvasRenderingContext2D): void;
-    repositionMapPin: (_bbox?: WMBBOX) => void;
+    repositionMapPin: (_bbox: WMBBOX) => void;
     setMapPin: (_x: number, _y: number, _bbox?: WMBBOX) => void;
     positionMapPinByLatLon: (coord: {
         x: number;
         y: number;
     }) => void;
+    toggleDisableMapPin: () => void;
     showMapPin: () => void;
     hideMapPin: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "GeoWeb webmap library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {