@panoramax/web-viewer 4.0.3-develop-001b0de1 → 4.0.3-develop-885abb56

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

@@ -17,7 +17,7 @@
     * [.onceLayerReady(layerId)](#Panoramax.components.ui.Map+onceLayerReady) ⇒ <code>Promise</code>
     * [.setVisibleUsers(visibleIds)](#Panoramax.components.ui.Map+setVisibleUsers)
     * [.filterUserLayersContent(dataType, filter)](#Panoramax.components.ui.Map+filterUserLayersContent)
-    * [.displayPictureMarker(lon, lat, heading, [skipCenter])](#Panoramax.components.ui.Map+displayPictureMarker)
+    * [.displayPictureMarker(lon, lat, heading, [skipCenter], [picId])](#Panoramax.components.ui.Map+displayPictureMarker)
     * [.reloadLayersStyles()](#Panoramax.components.ui.Map+reloadLayersStyles)
     * [.addEventListener(type, listener)](#Panoramax.components.ui.Map+addEventListener)
     * [.setVisibleUsers(visibleIds)](#Panoramax.components.ui.Map+setVisibleUsers)
@@ -148,7 +148,7 @@ Filter the visible data content in all visible map layers
 
 <a name="Panoramax.components.ui.Map+displayPictureMarker"></a>
 
-### map.displayPictureMarker(lon, lat, heading, [skipCenter])
+### map.displayPictureMarker(lon, lat, heading, [skipCenter], [picId])
 Shows on map a picture position and heading.
 
 **Kind**: instance method of [<code>Map</code>](#Panoramax.components.ui.Map)  

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

@@ -17,7 +17,7 @@
     * [.onceLayerReady(layerId)](Map.md/#Panoramax.components.ui.Map+onceLayerReady) ⇒ <code>Promise</code>
     * [.setVisibleUsers(visibleIds)](Map.md/#Panoramax.components.ui.Map+setVisibleUsers)
     * [.filterUserLayersContent(dataType, filter)](Map.md/#Panoramax.components.ui.Map+filterUserLayersContent)
-    * [.displayPictureMarker(lon, lat, heading, [skipCenter])](#Panoramax.components.ui.Map+displayPictureMarker)
+    * [.displayPictureMarker(lon, lat, heading, [skipCenter], [picId])](#Panoramax.components.ui.Map+displayPictureMarker)
     * [.reloadLayersStyles()](Map.md/#Panoramax.components.ui.Map+reloadLayersStyles)
     * [.addEventListener(type, listener)](Map.md/#Panoramax.components.ui.Map+addEventListener)
     * ["filters-changed"](#Panoramax.components.ui.MapMore+event_filters-changed)
@@ -148,7 +148,7 @@ Filter the visible data content in all visible map layers
 
 <a name="Panoramax.components.ui.Map+displayPictureMarker"></a>
 
-### mapMore.displayPictureMarker(lon, lat, heading, [skipCenter])
+### mapMore.displayPictureMarker(lon, lat, heading, [skipCenter], [picId])
 Shows on map a picture position and heading.
 
 **Kind**: instance method of [<code>MapMore</code>](#Panoramax.components.ui.MapMore)  

package/package.json

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

package/src/components/core/Editor.js

@@ -250,6 +250,7 @@ export default class Editor extends Basic {
 				"type": "FeatureCollection",
 				"features": [
 					{
+						"id": this.sequence,
 						"type": "Feature",
 						"properties": {
 							"id": this.sequence,

package/src/components/ui/Map.js

@@ -421,8 +421,9 @@ export default class Map extends maplibregl.Map {
 	 * @param {number} lat The latitude
 	 * @param {number} heading The heading
 	 * @param {boolean} [skipCenter=false] Set to true to avoid map centering on marker
+	 * @param {string} picId The picture Id
 	 */
-	displayPictureMarker(lon, lat, heading, skipCenter = false) {
+	displayPictureMarker(lon, lat, heading, skipCenter = false, picId = null) {
 		this._picMarkerPreview.remove();
 
 		// Show marker corresponding to selection
@@ -431,6 +432,7 @@ export default class Map extends maplibregl.Map {
 				.setLngLat([lon, lat])
 				.setRotation(heading)
 				.addTo(this);
+			this._picMarker.picId = picId ;
 		}
 		else {
 			this._picMarker.remove();
@@ -880,7 +882,8 @@ export default class Map extends maplibregl.Map {
 		img.src = selected ? MarkerSelectedSVG : MarkerBaseSVG;
 		img.alt = "";
 		return new maplibregl.Marker({
-			element: img
+			element: img,
+			picId: null
 		});
 	}
 

package/src/utils/map.js

@@ -408,7 +408,7 @@ export function linkMapAndPhoto(parent) {
 			}
 		}
 		else {
-			parent.map.displayPictureMarker(e.detail.lon, e.detail.lat, parent.psv.getXY().x, e.detail.first);
+			parent.map.displayPictureMarker(e.detail.lon, e.detail.lat, parent.psv.getXY().x, e.detail.first, e.detail.picId);
 			if(parent?.isMapWide?.()) {
 				parent?.mini?.removeAttribute("collapsed");
 			}