leaflet-city-mapper 0.1.0 → 0.1.1

package/src/sunlight/requestSunlightRender.js

@@ -1,12 +1,12 @@
-import { renderers } from '../weakmaps/renderers.js';
-import { update as updateScene } from '../scene/scheduleSceneUpdate.js';
-
-/**
- * Schedule a scene update if the map has a shared renderer.
- *
- * @param {L.Map} map Map whose scene should update.
- */
-export function render(map) {
-  const renderer = renderers.get(map);
-  if (renderer) updateScene(renderer);
-}
+import { renderers } from '../weakmaps/renderers.js';
+import { update as updateScene } from '../scene/scheduleSceneUpdate.js';
+
+/**
+ * Schedule a scene update if the map has a shared renderer.
+ *
+ * @param {L.Map} map Map whose scene should update.
+ */
+export function render(map) {
+  const renderer = renderers.get(map);
+  if (renderer) updateScene(renderer);
+}

package/src/sunlight/styleTimeControl.js

@@ -1,13 +1,13 @@
-/**
- * Style the time-control container for nested or standalone placement.
- *
- * @param {HTMLElement} container Time-control container.
- * @param {boolean} nested Whether it is placed beneath a layer entry.
- */
-export function styleTimeControl(container, nested) {
-  container.classList.toggle('leaflet-control', !nested);
-  container.classList.toggle('leaflet-bar', !nested);
-  container.style.background = nested ? '' : '#fff';
-  container.style.padding = nested ? '2px 0 6px 20px' : '8px';
-  container.style.margin = nested ? '0' : '';
-}
+/**
+ * Style the time-control container for nested or standalone placement.
+ *
+ * @param {HTMLElement} container Time-control container.
+ * @param {boolean} nested Whether it is placed beneath a layer entry.
+ */
+export function styleTimeControl(container, nested) {
+  container.classList.toggle('leaflet-control', !nested);
+  container.classList.toggle('leaflet-bar', !nested);
+  container.style.background = nested ? '' : '#fff';
+  container.style.padding = nested ? '2px 0 6px 20px' : '8px';
+  container.style.margin = nested ? '0' : '';
+}

package/src/sunlight/tickSun.js

@@ -1,10 +1,10 @@
-import { updateSun } from './updateSun.js';
-
-/**
- * Refresh sunlight on the timer only while the control uses live time.
- *
- * @param {Object} state Sunlight and time-control state.
- */
-export function tickSun(state) {
-  if (state.control.live) updateSun(state);
-}
+import { updateSun } from './updateSun.js';
+
+/**
+ * Refresh sunlight on the timer only while the control uses live time.
+ *
+ * @param {Object} state Sunlight and time-control state.
+ */
+export function tickSun(state) {
+  if (state.control.live) updateSun(state);
+}

package/src/sunlight/updateCelestialDisc.js

@@ -1,23 +1,23 @@
-import { projectCelestialBody } from '../projections/projectCelestialBody.js';
-
-/**
- * Project and position a celestial disc, hiding it when it is below the horizon or outside the sky.
- *
- * @param {HTMLElement} disc Sun or moon element.
- * @param {Object|null|undefined} body Celestial altitude and direction.
- * @param {HTMLElement|null|undefined} sky Sky container.
- * @param {L.Point} size Viewport dimensions.
- * @param {number} pitch Camera pitch in radians.
- * @param {number} bearing Camera bearing in radians.
- * @param {Object} projection Reusable projection result.
- */
-export function updateCelestialDisc(disc, body, sky, size, pitch, bearing, projection) {
-  disc.hidden = true;
-  if (!sky || !body || body.altitude <= 0) return;
-  if (disc.parentNode !== sky) sky.append(disc);
-  const point = projectCelestialBody(body.direction, size, pitch, bearing, projection);
-  if (!point) return;
-  const { left, top } = point;
-  disc.hidden = left < 0 || left > size.x || top < 0 || top > sky.clientHeight || sky.style.display === 'none';
-  disc.style.left = `${left}px`; disc.style.top = `${top}px`;
-}
+import { projectCelestialBody } from '../projections/projectCelestialBody.js';
+
+/**
+ * Project and position a celestial disc, hiding it when it is below the horizon or outside the sky.
+ *
+ * @param {HTMLElement} disc Sun or moon element.
+ * @param {Object|null|undefined} body Celestial altitude and direction.
+ * @param {HTMLElement|null|undefined} sky Sky container.
+ * @param {L.Point} size Viewport dimensions.
+ * @param {number} pitch Camera pitch in radians.
+ * @param {number} bearing Camera bearing in radians.
+ * @param {Object} projection Reusable projection result.
+ */
+export function updateCelestialDisc(disc, body, sky, size, pitch, bearing, projection) {
+  disc.hidden = true;
+  if (!sky || !body || body.altitude <= 0) return;
+  if (disc.parentNode !== sky) sky.append(disc);
+  const point = projectCelestialBody(body.direction, size, pitch, bearing, projection);
+  if (!point) return;
+  const { left, top } = point;
+  disc.hidden = left < 0 || left > size.x || top < 0 || top > sky.clientHeight || sky.style.display === 'none';
+  disc.style.left = `${left}px`; disc.style.top = `${top}px`;
+}

package/src/sunlight/updateSun.js

@@ -1,44 +1,44 @@
-import { sunlightByMap } from '../weakmaps/sunlightByMap.js';
-import { atmosphere } from './atmosphere.js';
-import { moonPosition } from '../astronomy/moonPosition.js';
-import { solarPosition } from '../astronomy/solarPosition.js';
-import { render } from './requestSunlightRender.js';
-import { updateSky } from './updateSky.js';
-
-/**
- * Update simulation time, solar and lunar positions, sky styling and status.
- *
- * @param {Object} state Sunlight and time-control state.
- */
-export function updateSun(state) {
-  const { control, map, date, slider, output, status } = state;
-  try {
-    if (control.live) control.time = /* alloc */ new Date();
-    const time = control.time.toISOString();
-    date.value = time.slice(0, 10);
-    slider.value = String(control.time.getUTCHours() * 60 + control.time.getUTCMinutes());
-    output.textContent = `${time.slice(11, 16)} UTC${control.live ? ' · now' : ''}`;
-    const center = map.getCenter();
-    const sun = solarPosition(control.time, center.lat, center.lng);
-    sunlightByMap.set(map, sun);
-    Object.assign(sun, atmosphere(sun.altitude));
-    sun.moon = moonPosition(control.time, center.lat, center.lng);
-    status.textContent = sun.altitude <= 0
-      ? 'Night · no direct sunlight'
-      : sun.altitude < 3
-        ? 'Low sun · shadows paused'
-        : `Sun altitude ${sun.altitude.toFixed(1)}°`;
-    map.fire('simulationtimechange', /* alloc */ {
-      time: /* alloc */ new Date(control.time),
-      live: control.live,
-    });
-    updateSky(state);
-    render(map);
-  } catch (error) {
-    sunlightByMap.delete(map);
-    updateSky(state);
-    render(map);
-    status.textContent = `Error: ${error.message}`;
-    console.error('Solar simulation', error);
-  }
-}
+import { sunlightByMap } from '../weakmaps/sunlightByMap.js';
+import { atmosphere } from './atmosphere.js';
+import { moonPosition } from '../astronomy/moonPosition.js';
+import { solarPosition } from '../astronomy/solarPosition.js';
+import { render } from './requestSunlightRender.js';
+import { updateSky } from './updateSky.js';
+
+/**
+ * Update simulation time, solar and lunar positions, sky styling and status.
+ *
+ * @param {Object} state Sunlight and time-control state.
+ */
+export function updateSun(state) {
+  const { control, map, date, slider, output, status } = state;
+  try {
+    if (control.live) control.time = /* alloc */ new Date();
+    const time = control.time.toISOString();
+    date.value = time.slice(0, 10);
+    slider.value = String(control.time.getUTCHours() * 60 + control.time.getUTCMinutes());
+    output.textContent = `${time.slice(11, 16)} UTC${control.live ? ' · now' : ''}`;
+    const center = map.getCenter();
+    const sun = solarPosition(control.time, center.lat, center.lng);
+    sunlightByMap.set(map, sun);
+    Object.assign(sun, atmosphere(sun.altitude));
+    sun.moon = moonPosition(control.time, center.lat, center.lng);
+    status.textContent = sun.altitude <= 0
+      ? 'Night · no direct sunlight'
+      : sun.altitude < 3
+        ? 'Low sun · shadows paused'
+        : `Sun altitude ${sun.altitude.toFixed(1)}°`;
+    map.fire('simulationtimechange', /* alloc */ {
+      time: /* alloc */ new Date(control.time),
+      live: control.live,
+    });
+    updateSky(state);
+    render(map);
+  } catch (error) {
+    sunlightByMap.delete(map);
+    updateSky(state);
+    render(map);
+    status.textContent = `Error: ${error.message}`;
+    console.error('Solar simulation', error);
+  }
+}

package/src/sunlight/useLiveTime.js

@@ -1,11 +1,11 @@
-import { updateSun } from './updateSun.js';
-
-/**
- * Switch to live simulation time and refresh sunlight.
- *
- * @param {Object} state Sunlight and time-control state.
- */
-export function useLiveTime(state) {
-  state.control.live = true;
-  updateSun(state);
-}
+import { updateSun } from './updateSun.js';
+
+/**
+ * Switch to live simulation time and refresh sunlight.
+ *
+ * @param {Object} state Sunlight and time-control state.
+ */
+export function useLiveTime(state) {
+  state.control.live = true;
+  updateSun(state);
+}

package/src/sunlight/useSelectedTime.js

@@ -1,26 +1,26 @@
-import { sunlightByMap } from '../weakmaps/sunlightByMap.js';
-import { render } from './requestSunlightRender.js';
-import { updateSky } from './updateSky.js';
-import { updateSun } from './updateSun.js';
-
-/**
- * Select the control's UTC date and minute, or report an invalid date.
- *
- * @param {Object} state Sunlight and time-control state.
- */
-export function useSelectedTime(state) {
-  const { control, map, date, slider, status } = state;
-  control.live = false;
-  if (!date.value || !date.validity.valid) {
-    control.time = /* alloc */ new Date(NaN);
-    map.fire('simulationtimechange', /* alloc */ { time: null, live: false });
-    sunlightByMap.delete(map);
-    updateSky(state);
-    render(map);
-    status.textContent = 'Error: choose a valid solar date';
-    return;
-  }
-  control.time = /* alloc */ new Date(`${date.value}T00:00:00Z`);
-  control.time.setUTCMinutes(Number(slider.value));
-  updateSun(state);
-}
+import { sunlightByMap } from '../weakmaps/sunlightByMap.js';
+import { render } from './requestSunlightRender.js';
+import { updateSky } from './updateSky.js';
+import { updateSun } from './updateSun.js';
+
+/**
+ * Select the control's UTC date and minute, or report an invalid date.
+ *
+ * @param {Object} state Sunlight and time-control state.
+ */
+export function useSelectedTime(state) {
+  const { control, map, date, slider, status } = state;
+  control.live = false;
+  if (!date.value || !date.validity.valid) {
+    control.time = /* alloc */ new Date(NaN);
+    map.fire('simulationtimechange', /* alloc */ { time: null, live: false });
+    sunlightByMap.delete(map);
+    updateSky(state);
+    render(map);
+    status.textContent = 'Error: choose a valid solar date';
+    return;
+  }
+  control.time = /* alloc */ new Date(`${date.value}T00:00:00Z`);
+  control.time.setUTCMinutes(Number(slider.value));
+  updateSun(state);
+}

package/src/terrain/applyTerrain.js

@@ -1,30 +1,30 @@
-import { locationByLayer } from '../weakmaps/locationByLayer.js';
-import { terrainOriginElevationByLayer } from '../weakmaps/terrainOriginElevationByLayer.js';
-import { terrainReadyByLayer } from '../weakmaps/terrainReadyByLayer.js';
-import { addBridges } from '../geometry/addBridges.js';
-import { conformModelToTerrain } from '../geometry/conformModelToTerrain.js';
-import { getElevation } from './getElevation.js';
-import { setTerrainHeight } from './setTerrainHeight.js';
-import { update } from '../scene/scheduleSceneUpdate.js';
-
-/**
- * Mark terrain ready, update map layers and bridge geometry, and notify listeners.
- *
- * @param {L.Layer} layer Terrain layer.
- * @param {L.Map} map Map containing the terrain.
- * @param {Object} [bridges] Optional bridge GeoJSON.
- */
-export function applyTerrain(layer, map, bridges) {
-
-  terrainReadyByLayer.set(layer, true);
-  terrainOriginElevationByLayer.set(layer, getElevation(layer, locationByLayer.get(layer)) ?? 0);
-  let mapLayer;
-  for (mapLayer of Object.values(map._layers)) {
-    setTerrainHeight(mapLayer);
-    conformModelToTerrain(mapLayer, layer);
-  }
-  if (bridges) addBridges(layer, bridges);
-  map.fire('terrainchange');
-  update(layer);
-  layer.fire('terrainready');
-}
+import { locationByLayer } from '../weakmaps/locationByLayer.js';
+import { terrainOriginElevationByLayer } from '../weakmaps/terrainOriginElevationByLayer.js';
+import { terrainReadyByLayer } from '../weakmaps/terrainReadyByLayer.js';
+import { addBridges } from '../geometry/addBridges.js';
+import { conformModelToTerrain } from '../geometry/conformModelToTerrain.js';
+import { getElevation } from './getElevation.js';
+import { setTerrainHeight } from './setTerrainHeight.js';
+import { update } from '../scene/scheduleSceneUpdate.js';
+
+/**
+ * Mark terrain ready, update map layers and bridge geometry, and notify listeners.
+ *
+ * @param {L.Layer} layer Terrain layer.
+ * @param {L.Map} map Map containing the terrain.
+ * @param {Object} [bridges] Optional bridge GeoJSON.
+ */
+export function applyTerrain(layer, map, bridges) {
+
+  terrainReadyByLayer.set(layer, true);
+  terrainOriginElevationByLayer.set(layer, getElevation(layer, locationByLayer.get(layer)) ?? 0);
+  let mapLayer;
+  for (mapLayer of Object.values(map._layers)) {
+    setTerrainHeight(mapLayer);
+    conformModelToTerrain(mapLayer, layer);
+  }
+  if (bridges) addBridges(layer, bridges);
+  map.fire('terrainchange');
+  update(layer);
+  layer.fire('terrainready');
+}

package/src/terrain/copyTerrainTile.js

@@ -1,20 +1,20 @@
-/**
- * Copy valid elevations from a DEM tile into an atlas and update its extrema.
- *
- * @param {Object} atlas Destination elevations and minimum and maximum values.
- * @param {Float32Array} values Source 256-by-256 elevation tile.
- * @param {number} start First destination index.
- * @param {number} columns Number of tile columns in the atlas.
- */
-export function copyTerrainTile(atlas, values, start, columns) {
-  let row, column, value;
-  for (row = 0; row < 256; row++) {
-    for (column = 0; column < 256; column++) {
-      value = values[row * 256 + column];
-      if (!Number.isFinite(value) || value <= -1000) continue;
-      atlas.elevations[start + row * columns * 256 + column] = value;
-      atlas.low = Math.min(atlas.low, value);
-      atlas.high = Math.max(atlas.high, value);
-    }
-  }
-}
+/**
+ * Copy valid elevations from a DEM tile into an atlas and update its extrema.
+ *
+ * @param {Object} atlas Destination elevations and minimum and maximum values.
+ * @param {Float32Array} values Source 256-by-256 elevation tile.
+ * @param {number} start First destination index.
+ * @param {number} columns Number of tile columns in the atlas.
+ */
+export function copyTerrainTile(atlas, values, start, columns) {
+  let row, column, value;
+  for (row = 0; row < 256; row++) {
+    for (column = 0; column < 256; column++) {
+      value = values[row * 256 + column];
+      if (!Number.isFinite(value) || value <= -1000) continue;
+      atlas.elevations[start + row * columns * 256 + column] = value;
+      atlas.low = Math.min(atlas.low, value);
+      atlas.high = Math.max(atlas.high, value);
+    }
+  }
+}

package/src/terrain/loadReadyTerrain.js

@@ -1,6 +1,6 @@
-import { loadTerrain } from './loadTerrain.js';
-
-/** Load the terrain backend after it is ready and settle the associated promise. */
-export function loadReadyTerrain() {
-  loadTerrain(this.backend).then(this.resolve, this.reject);
-}
+import { loadTerrain } from './loadTerrain.js';
+
+/** Load the terrain backend after it is ready and settle the associated promise. */
+export function loadReadyTerrain() {
+  loadTerrain(this.backend).then(this.resolve, this.reject);
+}

package/src/terrain/mapElevationOf.js

@@ -1,19 +1,19 @@
-import { terrain3DByMap } from '../weakmaps/terrain3DByMap.js';
-import { streamTerrainByMap } from '../weakmaps/streamTerrainByMap.js';
-import { getElevation } from './getElevation.js';
-import { gridTerrainElevation } from '../native/gridTerrainElevation.js';
-
-/**
- * Sample the map's archive or streamed terrain at a location.
- *
- * @param {L.Map} map Map containing terrain.
- * @param {L.LatLng|L.Point} location Location to sample.
- *
- * @returns {number|null|undefined} Elevation in metres, or a nullish value when unavailable.
- */
-export function mapElevationOf(map, location) {
-  const terrain = terrain3DByMap.get(map);
-  if (terrain) return getElevation(terrain, location);
-  const stream = streamTerrainByMap.get(map);
-  return stream && gridTerrainElevation(stream, location);
-}
+import { terrain3DByMap } from '../weakmaps/terrain3DByMap.js';
+import { streamTerrainByMap } from '../weakmaps/streamTerrainByMap.js';
+import { getElevation } from './getElevation.js';
+import { gridTerrainElevation } from '../native/gridTerrainElevation.js';
+
+/**
+ * Sample the map's archive or streamed terrain at a location.
+ *
+ * @param {L.Map} map Map containing terrain.
+ * @param {L.LatLng|L.Point} location Location to sample.
+ *
+ * @returns {number|null|undefined} Elevation in metres, or a nullish value when unavailable.
+ */
+export function mapElevationOf(map, location) {
+  const terrain = terrain3DByMap.get(map);
+  if (terrain) return getElevation(terrain, location);
+  const stream = streamTerrainByMap.get(map);
+  return stream && gridTerrainElevation(stream, location);
+}

package/src/terrain/readBridges.js

@@ -1,13 +1,13 @@
-/**
- * Read bridge GeoJSON from a successful HTTP response.
- *
- * @param {Response} response Bridge request response.
- *
- * @returns {Promise<Object>} Parsed bridge GeoJSON.
- *
- * @throws {Error} If the response has a non-success status.
- */
-export function readBridges(response) {
-  if (!response.ok) throw /* alloc */ new Error(`Bridges: HTTP ${response.status}`);
-  return response.json();
-}
+/**
+ * Read bridge GeoJSON from a successful HTTP response.
+ *
+ * @param {Response} response Bridge request response.
+ *
+ * @returns {Promise<Object>} Parsed bridge GeoJSON.
+ *
+ * @throws {Error} If the response has a non-success status.
+ */
+export function readBridges(response) {
+  if (!response.ok) throw /* alloc */ new Error(`Bridges: HTTP ${response.status}`);
+  return response.json();
+}

package/src/terrain/readyTerrainOf.js

@@ -1,14 +1,14 @@
-import { terrain3DByMap } from '../weakmaps/terrain3DByMap.js';
-import { terrainReadyByLayer } from '../weakmaps/terrainReadyByLayer.js';
-
-/**
- * Find the map's archive terrain if it is ready.
- *
- * @param {L.Map} map Map to inspect.
- *
- * @returns {L.Layer|false|undefined} Ready terrain or a falsy value.
- */
-export function readyTerrainOf(map) {
-  const terrain = terrain3DByMap.get(map);
-  return terrainReadyByLayer.get(terrain) && terrain;
-}
+import { terrain3DByMap } from '../weakmaps/terrain3DByMap.js';
+import { terrainReadyByLayer } from '../weakmaps/terrainReadyByLayer.js';
+
+/**
+ * Find the map's archive terrain if it is ready.
+ *
+ * @param {L.Map} map Map to inspect.
+ *
+ * @returns {L.Layer|false|undefined} Ready terrain or a falsy value.
+ */
+export function readyTerrainOf(map) {
+  const terrain = terrain3DByMap.get(map);
+  return terrainReadyByLayer.get(terrain) && terrain;
+}

package/src/terrain/sampleTerrainTile.js

@@ -1,16 +1,16 @@
-/**
- * Sample one integer pixel from the terrain tile map.
- *
- * @param {Map} tiles DEM tiles keyed by x/y.
- * @param {number} px Global pixel x coordinate.
- * @param {number} py Global pixel y coordinate.
- *
- * @returns {number|null} Elevation, or null for a missing or invalid sample.
- */
-export function sample(tiles, px, py) {
-  const tileX = Math.floor(px / 256), tileY = Math.floor(py / 256);
-  const tile = tiles.get(`${tileX}/${tileY}`);
-  if (!tile) return null;
-  const elevation = tile[(py - tileY * 256) * 256 + px - tileX * 256];
-  return Number.isFinite(elevation) && elevation > -1000 ? elevation : null;
-}
+/**
+ * Sample one integer pixel from the terrain tile map.
+ *
+ * @param {Map} tiles DEM tiles keyed by x/y.
+ * @param {number} px Global pixel x coordinate.
+ * @param {number} py Global pixel y coordinate.
+ *
+ * @returns {number|null} Elevation, or null for a missing or invalid sample.
+ */
+export function sample(tiles, px, py) {
+  const tileX = Math.floor(px / 256), tileY = Math.floor(py / 256);
+  const tile = tiles.get(`${tileX}/${tileY}`);
+  if (!tile) return null;
+  const elevation = tile[(py - tileY * 256) * 256 + px - tileX * 256];
+  return Number.isFinite(elevation) && elevation > -1000 ? elevation : null;
+}

package/src/terrain/terrainTileQueue.js

@@ -1,34 +1,34 @@
-import { terrainBoundsByLayer } from '../weakmaps/terrainBoundsByLayer.js';
-import { terrainZoomByLayer } from '../weakmaps/terrainZoomByLayer.js';
-import { L } from '../globals/L.js';
-import { archiveNorthWest } from '../globals/archiveNorthWest.js';
-import { archiveSouthEast } from '../globals/archiveSouthEast.js';
-import { compareDistance } from '../utils/compareDistance.js';
-
-/**
- * Build the archive terrain tile queue ordered by distance from the map center.
- *
- * @param {L.Layer} layer Terrain layer.
- * @param {Object} header Archive bounds and zoom metadata.
- *
- * @returns {Object[]} Tile coordinates with their distance from the center.
- */
-export function terrainTileQueue(layer, header) {
-  const map = layer._map
-  terrainZoomByLayer.set(layer, header.maxZoom);
-  archiveNorthWest[0] = header.maxLat; archiveNorthWest[1] = header.minLon;
-  const northwest = map.project(archiveNorthWest, terrainZoomByLayer.get(layer)).divideBy(256).floor();
-  archiveSouthEast[0] = header.minLat; archiveSouthEast[1] = header.maxLon;
-  const southeast = map.project(archiveSouthEast, terrainZoomByLayer.get(layer)).divideBy(256).floor();
-  terrainBoundsByLayer.set(layer, /* alloc */ new L.Bounds(northwest, southeast));
-  const tiles = /* alloc */ [];
-  const center = map.project(map.getCenter(), terrainZoomByLayer.get(layer)).divideBy(256);
-  let x, y;
-  for (x = northwest.x; x <= southeast.x; x++) {
-    for (y = northwest.y; y <= southeast.y; y++) {
-      tiles.push(/* alloc */ { z: terrainZoomByLayer.get(layer), x, y, distance: Math.hypot(x + 0.5 - center.x, y + 0.5 - center.y) });
-    }
-  }
-  tiles.sort(compareDistance);
-  return tiles;
-}
+import { terrainBoundsByLayer } from '../weakmaps/terrainBoundsByLayer.js';
+import { terrainZoomByLayer } from '../weakmaps/terrainZoomByLayer.js';
+import { L } from '../globals/L.js';
+import { archiveNorthWest } from '../globals/archiveNorthWest.js';
+import { archiveSouthEast } from '../globals/archiveSouthEast.js';
+import { compareDistance } from '../utils/compareDistance.js';
+
+/**
+ * Build the archive terrain tile queue ordered by distance from the map center.
+ *
+ * @param {L.Layer} layer Terrain layer.
+ * @param {Object} header Archive bounds and zoom metadata.
+ *
+ * @returns {Object[]} Tile coordinates with their distance from the center.
+ */
+export function terrainTileQueue(layer, header) {
+  const map = layer._map
+  terrainZoomByLayer.set(layer, header.maxZoom);
+  archiveNorthWest[0] = header.maxLat; archiveNorthWest[1] = header.minLon;
+  const northwest = map.project(archiveNorthWest, terrainZoomByLayer.get(layer)).divideBy(256).floor();
+  archiveSouthEast[0] = header.minLat; archiveSouthEast[1] = header.maxLon;
+  const southeast = map.project(archiveSouthEast, terrainZoomByLayer.get(layer)).divideBy(256).floor();
+  terrainBoundsByLayer.set(layer, /* alloc */ new L.Bounds(northwest, southeast));
+  const tiles = /* alloc */ [];
+  const center = map.project(map.getCenter(), terrainZoomByLayer.get(layer)).divideBy(256);
+  let x, y;
+  for (x = northwest.x; x <= southeast.x; x++) {
+    for (y = northwest.y; y <= southeast.y; y++) {
+      tiles.push(/* alloc */ { z: terrainZoomByLayer.get(layer), x, y, distance: Math.hypot(x + 0.5 - center.x, y + 0.5 - center.y) });
+    }
+  }
+  tiles.sort(compareDistance);
+  return tiles;
+}

package/src/textures/addImageState.js

@@ -1,13 +1,13 @@
-import { imageStates } from '../weakmaps/imageStates.js';
-
-/**
- * Associate a native layer state with an image.
- *
- * @param {HTMLImageElement} image Image to track.
- * @param {Object} state Native layer state.
- */
-export function addImageState(image, state) {
-  let states = imageStates.get(image);
-  if (!states) imageStates.set(image, states = /* alloc */ new Set());
-  states.add(state);
-}
+import { imageStates } from '../weakmaps/imageStates.js';
+
+/**
+ * Associate a native layer state with an image.
+ *
+ * @param {HTMLImageElement} image Image to track.
+ * @param {Object} state Native layer state.
+ */
+export function addImageState(image, state) {
+  let states = imageStates.get(image);
+  if (!states) imageStates.set(image, states = /* alloc */ new Set());
+  states.add(state);
+}