Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Set marker on click on aerial imagery

Browse source
This commit is contained in:
Eli Ribble 2026-03-11 15:12:59 +00:00
parent 5e7c547670
commit 289fac1e7e
No known key found for this signature in database
2 changed files with 27 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
html/static/js/map-proxied-arcgis-tile.js
View file

@ -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);

20
html/template/sync/review/pool.html
View file

@ -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;
},
};
}