diff --git a/html/static/js/map-proxied-arcgis-tile.js b/html/static/js/map-proxied-arcgis-tile.js
index ad965c46..f41cc785 100644
--- a/html/static/js/map-proxied-arcgis-tile.js
+++ b/html/static/js/map-proxied-arcgis-tile.js
@@ -90,6 +90,20 @@ class MapProxiedArcgisTile extends HTMLElement {
map: this,
},
});
+ this._map.on("click", (e) => {
+ this.dispatchEvent(
+ new CustomEvent("map-click", {
+ bubbles: true,
+ composed: true,
+ detail: {
+ lng: e.lngLat.lng,
+ lat: e.lngLat.lat,
+ map: this,
+ point: e.point,
+ },
+ }),
+ );
+ });
});
for (const on of this._preOns) {
this._map.on(on.a, on.b);
diff --git a/html/template/sync/review/pool.html b/html/template/sync/review/pool.html
index f91243cf..de6125ed 100644
--- a/html/template/sync/review/pool.html
+++ b/html/template/sync/review/pool.html
@@ -271,15 +271,21 @@
this.submitReview("discarded");
}
},
- updatePoolLocation(event, signal_id) {
- console.log("map click", signal_id, event.detail);
- const map = event.detail.map;
+ updatePoolLocation(e, pool_id) {
+ console.log("map click", pool_id, e.detail);
+ const map = e.detail.map;
const loc = {
- latitude: event.detail.lat,
- longitude: event.detail.lng,
+ latitude: e.detail.lat,
+ longitude: e.detail.lng,
};
- map.SetMarkers([loc]);
- this.form.poolLocation[signal_id] = loc;
+ map.SetMarkers([
+ new maplibregl.Marker({
+ color: "#FF0000",
+ draggable: false,
+ }).setLngLat([e.detail.lng, e.detail.lat]),
+ ]);
+ this.form.latitude = e.detail.lat;
+ this.form.longitude = e.detail.lng;
},
};
}