@panoramax/web-viewer 4.0.3-develop-885abb56 → 4.0.3-develop-23ff1114

package/config/jest/mocks.js

@@ -79,7 +79,9 @@ jest.mock("maplibre-gl", () => ({
 	GeolocateControl: class {
 		onAdd() {;}
 	},
-	Marker: jest.fn(),
+	Marker: class {
+		setDraggable() {;}
+	},
 	Popup: function() {
 		return {
 			on: jest.fn(),

package/docs/reference/components/ui/Map.md

@@ -51,6 +51,7 @@ A shorthand `addEventListener` function is added for simpler usage.
 | [options.raster] | <code>object</code> |  | The MapLibre raster source for aerial background. This must be a JSON object following [MapLibre raster source definition](https://maplibre.org/maplibre-style-spec/sources/#raster). |
 | [options.background] | <code>string</code> | <code>&quot;streets&quot;</code> | Choose default map background to display (streets or aerial, if raster aerial background available). Defaults to street. |
 | [options.attributionControl.customAttribution] | <code>string</code> |  | To override default map attribution. |
+| [options.picMarkerDraggable] | boolean | false | To make the picture marker draggable, default to false. |
 
 **Example**  
 ```js

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "4.0.3-develop-885abb56",
+  "version": "4.0.3-develop-23ff1114",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/core/Editor.js

@@ -149,6 +149,7 @@ export default class Editor extends Basic {
 				background: this.background,
 				supplementaryStyle: this._createMapStyle(),
 				zoom: 15, // Hack to avoid _initMapPosition call
+				picMarkerDraggable: true,
 			});
 			linkMapAndPhoto(this);
 			this.loader.setAttribute("value", 50);

package/src/components/ui/Map.js

@@ -37,6 +37,7 @@ maplibregl.addProtocol("pmtiles", new pmtiles.Protocol().tile);
  * @param {object} [options.raster] The MapLibre raster source for aerial background. This must be a JSON object following [MapLibre raster source definition](https://maplibre.org/maplibre-style-spec/sources/#raster).
  * @param {string} [options.background=streets] Choose default map background to display (streets or aerial, if raster aerial background available). Defaults to street.
  * @param {string} [options.attributionControl.customAttribution] To override default map attribution.
+ * @param {boolean} [options.picMarkerDraggable] To make the picture marker draggable, default to false.
  * @fires Panoramax.components.ui.Map#background-changed
  * @fires Panoramax.components.ui.Map#users-changed
  * @fires Panoramax.components.ui.Map#sequence-hover
@@ -884,7 +885,10 @@ export default class Map extends maplibregl.Map {
 		return new maplibregl.Marker({
 			element: img,
 			picId: null
-		});
+		})
+			// only picMarker could be draggable, don't for picMarkerPreview.
+			.setDraggable(selected && this._options.picMarkerDraggable)
+		;
 	}
 
 	/**

package/src/translations/nl.json

@@ -139,7 +139,7 @@
         "metadata_camera_type": "Type",
         "metadata_camera_resolution": "Resolutie",
         "metadata_camera_focal_length": "Brandpuntsafstand",
-        "metadata_location": "Locatie",
+        "metadata_location": "Positie",
         "metadata_location_longitude": "Longitude",
         "metadata_location_latitude": "Latitude",
         "metadata_location_orientation": "Richting",