@abi-software/flatmap-viewer 2.5.4 → 2.5.5

package/README.rst

@@ -38,7 +38,7 @@ The map server endpoint is specified as ``MAP_ENDPOINT`` in ``src/main.js``. It
 Package Installation
 ====================
 
-* ``npm install @abi-software/flatmap-viewer@2.5.4``
+* ``npm install @abi-software/flatmap-viewer@2.5.5``
 
 Documentation
 -------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmap-viewer",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "description": "Flatmap viewer using Maplibre GL",
   "repository": "https://github.com/AnatomicMaps/flatmap-viewer.git",
   "main": "src/main.js",

package/src/interactions.js

@@ -99,6 +99,9 @@ function expandBounds(bbox1, bbox2, padding)
 
 function labelPosition(feature)
 {
+    if (feature.geometry.type === 'Point') {
+        return feature.geometry.coordinates
+    }
     const polygon = feature.geometry.coordinates;
     // Rough heuristic. Area is in km^2; below appears to be good enough.
     const precision = ('area' in feature.properties)
@@ -255,6 +258,9 @@ export class UserInteractions
             }
         }
 
+        // Initialise map annotation
+        this.__setupAnnotation()
+
         // Add an initially hidden tool for drawing on the map.
         this.#annotationDrawControl = new AnnotationDrawControl(flatmap, false)
         this._map.addControl(this.#annotationDrawControl)
@@ -358,6 +364,32 @@ export class UserInteractions
         }
     }
 
+    __setupAnnotation()
+    //=================
+    {
+        // Relate external annotation identifiers to map (GeoJSON) ids
+        this.__featureIdToMapId = new Map([...this._flatmap.annotations.entries()]
+                                                  .map(idAnn => [idAnn[1].id, idAnn[0]]))
+        // Flag features that have annotations
+        for (const mapId of this.__featureIdToMapId.values()) {
+            const feature = this.mapFeature(mapId)
+            if (feature !== undefined) {
+                this._map.setFeatureState(feature, { 'map-annotation': true })
+            }
+        }
+    }
+
+    setFeatureAnnotated(featureId)
+    //============================
+    {
+        // External feature id to map's GeoJSON id
+        const mapId = this.__featureIdToMapId.get(featureId)
+        const feature = this.mapFeature(mapId)
+        if (feature !== undefined) {
+            this._map.setFeatureState(feature, { 'annotated': true })
+        }
+    }
+
     #setPaint(options)
     //================
     {