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

Move the map to fit the pools on selection

Browse source
This commit is contained in:
Eli Ribble 2026-03-05 16:04:58 +00:00
parent 8e64ba8032
commit 3501c38deb
No known key found for this signature in database
2 changed files with 38 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
html/static/js/map-multipoint.js
View file

@ -45,9 +45,11 @@ class MapMultipoint extends HTMLElement {
center: centroid.coordinates,
container: mapElement,
style: "https://tiles.stadiamaps.com/styles/osm_bright.json",
}).fitBounds(bounds, {
padding: { top: 10, bottom: 10, left: 10, right: 10 },
});
let camera_transform = this._map.cameraForBounds(bounds, {
padding: 10,
});
this._map.setZoom(camera_transform.zoom);
this._map.on("load", () => {
if (organization_id != 0) {
this._map.addSource("tegola", {
@ -110,6 +112,9 @@ class MapMultipoint extends HTMLElement {
return this._map.queryRenderedFeatures(a);
}
FitBounds(bounds, options) {
return this._map.fitBounds(bounds, options);
}
SetLayoutProperty(layout, property, value) {
return this._map.setLayoutProperty(layout, property, value);
}

31
html/template/sync/intelligence-root.html
View file

@ -13,6 +13,33 @@
></script>
<script>
// Return two points defining a bounding box for the given points
function getBoundingBox(points) {
// Handle empty or invalid input
if (!points || points.length === 0) {
return null;
}
// Initialize with the first point's coordinates
let minLat = points[0].latitude;
let maxLat = points[0].latitude;
let minLng = points[0].longitude;
let maxLng = points[0].longitude;
// Find the min and max for latitude and longitude
for (const point of points) {
if (point.latitude < minLat) minLat = point.latitude;
if (point.latitude > maxLat) maxLat = point.latitude;
if (point.longitude < minLng) minLng = point.longitude;
if (point.longitude > maxLng) maxLng = point.longitude;
}
// Return southwest and northeast corners
return new maplibregl.LngLatBounds(
new maplibregl.LngLat(minLng, minLat),
new maplibregl.LngLat(maxLng, maxLat),
);
}
function shortAddress(a) {
return a.number + " " + a.street + ", " + a.locality + ", " + a.region;
}
@ -20,6 +47,10 @@
const map = document.querySelector("map-multipoint");
const markers = signals.map((s) => s.location);
map.SetMarkers(markers);
bounds = getBoundingBox(markers);
map.FitBounds(bounds, {
padding: 50,
});
}
function workbench() {
return {