Hide marker once done

Author: frodrigo

api/issues_tiles.py

@@ -63,6 +63,7 @@ def _errors_mvt(
         for res in sorted(results, key=lambda res: -res["lat"]):
             issues_features.append(
                 {
+                    "id": res["id"],
                     "geometry": Point(res["lon"], res["lat"]),
                     "properties": {
                         "uuid": str(res["uuid"]),

web/static/map/Osmose.Marker.ts

@@ -44,6 +44,7 @@ export default class OsmoseMarker {
           this._closePopup()
         } else {
           this.highlight = e.features[0].properties.uuid
+          this.feature_id = e.features[0].id
           this._openPopup(
             e.features[0].properties.uuid,
             e.features[0].geometry.coordinates.slice(),
@@ -143,6 +144,11 @@ export default class OsmoseMarker {
   }
 
   corrected(): void {
+    this._map.setFeatureState(
+      {source: 'markers', sourceLayer: 'issues', id: this.feature_id},
+      {hidden: true}
+    )
+
     this._closePopup()
   }
 

web/static/map/layers.ts

@@ -386,6 +386,9 @@ export const glStyle = {
         'icon-allow-overlap': true,
         visibility: 'none',
       },
+      paint: {
+        'icon-opacity': ['case', ['feature-state', 'hidden'], 0, 1],
+      },
     },
     {
       id: 'markers-limit',