leaflet-city-mapper 0.0.9 → 0.1.1

package/src/native/nativeTerrainElevation.js

@@ -1,16 +1,27 @@
-import { terrainElevation } from '../terrain/terrainElevation.js';
-import { nativeGPUByLayer } from '../weakmaps/nativeGPUByLayer.js';
-
-export function nativeTerrainElevation(state, point, x, y, z) {
-  let layer, native, request, elevation;
-  const key = `${x}:${y}:${z}`;
-  for (layer of Object.values(state.map._layers)) {
-    native = nativeGPUByLayer.get(layer);
-    if (native?.disposed || native?.terrainStream !== state) continue;
-    request = native.terrainRequests?.get(key);
-    if (!request?.tiles || layer._tiles[key] !== request.tile) continue;
-    elevation = terrainElevation(point, request.tiles);
-    if (Number.isFinite(elevation)) return elevation;
-  }
-  return null;
-}
+import { terrainElevation } from '../terrain/terrainElevation.js';
+import { nativeGPUByLayer } from '../weakmaps/nativeGPUByLayer.js';
+
+/**
+ * Sample terrain from a current native grid request at the given tile.
+ *
+ * @param {Object} state Terrain stream state.
+ * @param {Object} point Projected point to sample.
+ * @param {number} x Tile column.
+ * @param {number} y Tile row.
+ * @param {number} z Tile zoom.
+ *
+ * @returns {number|null} Elevation, or null if no current sample is available.
+ */
+export function nativeTerrainElevation(state, point, x, y, z) {
+  let layer, native, request, elevation;
+  const key = `${x}:${y}:${z}`;
+  for (layer of Object.values(state.map._layers)) {
+    native = nativeGPUByLayer.get(layer);
+    if (native?.disposed || native?.terrainStream !== state) continue;
+    request = native.terrainRequests?.get(key);
+    if (!request?.tiles || layer._tiles[key] !== request.tile) continue;
+    elevation = terrainElevation(point, request.tiles);
+    if (Number.isFinite(elevation)) return elevation;
+  }
+  return null;
+}

package/src/native/nativeVectorGeometry.js

@@ -1,23 +1,30 @@
-import { geometryPixelStates } from '../globals/geometryPixelStates.js';
-import { nativeGeometry } from '../geometry/nativeGeometry.js';
-import { localPixelForGeometry } from '../projections/localPixelForGeometry.js';
-import { locationByLayer } from '../weakmaps/locationByLayer.js';
-import { radians } from '../globals/radians.js';
-import { L } from '../globals/L.js';
-
-export function nativeVectorGeometry(state) {
-  const { source } = state;
-  state.strokeCoordinates = null;
-  state.strokeAnchors = source instanceof L.Polyline && !source.options.dashArray ? /* alloc */ [] : null;
-  const crs = state.map.options.crs, origin = locationByLayer.get(state.backend);
-  state.pixelProjection = /* alloc */ {
-    transformation: crs.transformation, scale: crs.scale(state.map.getZoom()),
-    origin: crs.project(origin), metres: Math.cos(origin.lat * radians),
-  };
-  geometryPixelStates.push(state);
-  try {
-    return nativeGeometry(source, state.map, localPixelForGeometry);
-  } finally {
-    geometryPixelStates.pop();
-  }
-}
+import { geometryPixelStates } from '../globals/geometryPixelStates.js';
+import { nativeGeometry } from '../geometry/nativeGeometry.js';
+import { localPixelForGeometry } from '../projections/localPixelForGeometry.js';
+import { locationByLayer } from '../weakmaps/locationByLayer.js';
+import { radians } from '../globals/radians.js';
+import { L } from '../globals/L.js';
+
+/**
+ * Build native vector geometry using the layer's local pixel projection.
+ *
+ * @param {Object} state Native layer state.
+ *
+ * @returns {*} Geometry produced for the source layer.
+ */
+export function nativeVectorGeometry(state) {
+  const { source } = state;
+  state.strokeCoordinates = null;
+  state.strokeAnchors = source instanceof L.Polyline && !source.options.dashArray ? /* alloc */ [] : null;
+  const crs = state.map.options.crs, origin = locationByLayer.get(state.backend);
+  state.pixelProjection = /* alloc */ {
+    transformation: crs.transformation, scale: crs.scale(state.map.getZoom()),
+    origin: crs.project(origin), metres: Math.cos(origin.lat * radians),
+  };
+  geometryPixelStates.push(state);
+  try {
+    return nativeGeometry(source, state.map, localPixelForGeometry);
+  } finally {
+    geometryPixelStates.pop();
+  }
+}

package/src/native/orderNativeGridLayer.js

@@ -1,14 +1,20 @@
-import { L } from '../globals/L.js';
-
-export function orderNativeGridLayer(state, name) {
-  const { source } = state;
-  if (!(source instanceof L.GridLayer) || name !== 'bringToFront' && name !== 'bringToBack') return;
-  let extreme = name === 'bringToFront' ? -Infinity : Infinity, layer, zIndex;
-  for (layer of Object.values(state.map._layers)) {
-    if (layer === source || !(layer instanceof L.GridLayer) || layer.getPane() !== source.getPane()) continue;
-    zIndex = layer.options.zIndex || 0;
-    extreme = name === 'bringToFront' ? Math.max(extreme, zIndex) : Math.min(extreme, zIndex);
-  }
-  const edge = name === 'bringToFront' ? extreme + 1 : extreme - 1;
-  if (Number.isFinite(edge)) source.setZIndex(edge);
-}
+import { L } from '../globals/L.js';
+
+/**
+ * Move a native grid layer beyond the other grid layers in its pane.
+ *
+ * @param {Object} state Native layer state.
+ * @param {string} name Layer method being called.
+ */
+export function orderNativeGridLayer(state, name) {
+  const { source } = state;
+  if (!(source instanceof L.GridLayer) || name !== 'bringToFront' && name !== 'bringToBack') return;
+  let extreme = name === 'bringToFront' ? -Infinity : Infinity, layer, zIndex;
+  for (layer of Object.values(state.map._layers)) {
+    if (layer === source || !(layer instanceof L.GridLayer) || layer.getPane() !== source.getPane()) continue;
+    zIndex = layer.options.zIndex || 0;
+    extreme = name === 'bringToFront' ? Math.max(extreme, zIndex) : Math.min(extreme, zIndex);
+  }
+  const edge = name === 'bringToFront' ? extreme + 1 : extreme - 1;
+  if (Number.isFinite(edge)) source.setZIndex(edge);
+}

package/src/native/prepareGridTerrainRequests.js

@@ -1,16 +1,23 @@
-import { streamTerrainByMap } from '../weakmaps/streamTerrainByMap.js';
-
-export function prepareGridTerrainRequests(state) {
-  const stream = streamTerrainByMap.get(state.map);
-  if (state.terrainStream !== stream) {
-    state.terrainStream = stream;
-    state.terrainRequests = stream ? /* alloc */ new Map() : null;
-  }
-  if (state.terrainRequests) {
-    let key;
-    for (key of state.terrainRequests.keys()) {
-      if (!state.source._tiles[key]) state.terrainRequests.delete(key);
-    }
-  }
-  return stream;
-}
+import { streamTerrainByMap } from '../weakmaps/streamTerrainByMap.js';
+
+/**
+ * Track the current terrain stream and discard requests for removed grid tiles.
+ *
+ * @param {Object} state Native grid layer state.
+ *
+ * @returns {Object|undefined} Current terrain stream.
+ */
+export function prepareGridTerrainRequests(state) {
+  const stream = streamTerrainByMap.get(state.map);
+  if (state.terrainStream !== stream) {
+    state.terrainStream = stream;
+    state.terrainRequests = stream ? /* alloc */ new Map() : null;
+  }
+  if (state.terrainRequests) {
+    let key;
+    for (key of state.terrainRequests.keys()) {
+      if (!state.source._tiles[key]) state.terrainRequests.delete(key);
+    }
+  }
+  return stream;
+}

package/src/native/pruneNativeResources.js

@@ -1,20 +1,25 @@
-import { disposeMesh } from '../rendering/disposeMesh.js';
-import { destroyTexture } from '../textures/destroyTexture.js';
-
-export function pruneNativeResources(state) {
-  const { meshes, textures, backend: layer } = state;
-  let mesh, texture, key;
-  for ([key, mesh] of meshes) {
-    if (mesh._nativeUsed) continue;
-    disposeMesh(layer, mesh);
-    meshes.delete(key);
-    texture = textures.get(key);
-    if (texture) destroyTexture(layer, texture.texture);
-    textures.delete(key);
-  }
-  for ([key, texture] of textures) {
-    if (texture.used) continue;
-    destroyTexture(layer, texture.texture);
-    textures.delete(key);
-  }
-}
+import { disposeMesh } from '../rendering/disposeMesh.js';
+import { destroyTexture } from '../textures/destroyTexture.js';
+
+/**
+ * Dispose meshes and textures not used by the latest native layer update.
+ *
+ * @param {Object} state Native layer state.
+ */
+export function pruneNativeResources(state) {
+  const { meshes, textures, backend: layer } = state;
+  let mesh, texture, key;
+  for ([key, mesh] of meshes) {
+    if (mesh._nativeUsed) continue;
+    disposeMesh(layer, mesh);
+    meshes.delete(key);
+    texture = textures.get(key);
+    if (texture) destroyTexture(layer, texture.texture);
+    textures.delete(key);
+  }
+  for ([key, texture] of textures) {
+    if (texture.used) continue;
+    destroyTexture(layer, texture.texture);
+    textures.delete(key);
+  }
+}

package/src/native/putNativeMesh.js

@@ -3,6 +3,20 @@ import { styleNativeMesh } from './styleNativeMesh.js';
 import { createNativeMesh } from './createNativeMesh.js';
 import { updateNativeStrokeRadius } from './updateNativeStrokeRadius.js';
 
+/**
+ * Create or update a native mesh and apply its style.
+ *
+ * @param {Object} state Native layer state.
+ * @param {string} key Mesh identifier.
+ * @param {Array} position Vertex coordinates.
+ * @param {number|Array} color Material color.
+ * @param {number} opacity Material opacity.
+ * @param {Object} texture Optional base texture.
+ * @param {Array} uv Optional texture coordinates.
+ * @param {boolean} terrain Whether the mesh represents terrain.
+ *
+ * @returns {Object|undefined} Updated mesh, if positions were provided.
+ */
 export function putNativeMesh(state, key, position, color, opacity, texture, uv, terrain = false) {
   const { source, meshes } = state;
   if (!position.length) return;

package/src/native/quadNativeMesh.js

@@ -4,7 +4,17 @@ import { coreWhite } from '../globals/coreWhite.js';
 import { textureFor } from '../textures/nativeTextureFor.js';
 import { putNativeMesh } from './putNativeMesh.js';
 
-
+/**
+ * Create or update a textured native mesh from four corners.
+ *
+ * @param {Object} state Native layer state.
+ * @param {string} key Mesh identifier.
+ * @param {HTMLImageElement} image Image to use as a texture.
+ * @param {Array} corners Quad corner coordinates.
+ * @param {number} opacity Mesh opacity.
+ *
+ * @returns {Object|undefined} Mesh, if the texture is available.
+ */
 export function quadNativeMesh(state, key, image, corners, opacity) {
   const texture = textureFor(state, key, image);
   if (!texture) return;

package/src/native/readyNativeGPU.js

@@ -1,10 +1,14 @@
 import { nativeGPUByLayer } from '../weakmaps/nativeGPUByLayer.js';
-
-
-
 import { nativeLayer } from './nativeLayer.js';
 
-export function readyNativeGPU(state) {
-  if (nativeGPUByLayer.get(state.source) !== state) return state.source;
-  return nativeLayer(state);
+/**
+ * Start native rendering only if the layer state is still current.
+ *
+ * @param {Object} state Native layer state.
+ *
+ * @returns {Object|Promise<Object>} The source layer or its initialization promise.
+ */
+export function readyNativeGPU(state) {
+  if (nativeGPUByLayer.get(state.source) !== state) return state.source;
+  return nativeLayer(state);
 }

package/src/native/refreshNativeEvent.js

@@ -2,6 +2,11 @@ import { refreshNativeLayer } from './refreshNativeLayer.js';
 import { L } from '../globals/L.js';
 import { update } from '../scene/scheduleSceneUpdate.js';
 
+/**
+ * Refresh native rendering for a source or map event, optimizing stroke-only zooms.
+ *
+ * @param {Object} event Leaflet event.
+ */
 export function refreshNativeEvent(event) {
   if (event?.type === 'zoomend' && this.source instanceof L.Polyline &&
     (!this.source.options.stroke || !(Number(this.source.options.weight) > 0))) return;

package/src/native/refreshNativeLayer.js

@@ -1,7 +1,4 @@
 import { sharedByLayer } from '../weakmaps/sharedByLayer.js';
-
-
-
 import { nativeImageRefresh } from '../textures/nativeImageRefresh.js';
 import { nativeImageError } from '../textures/nativeImageError.js';
 import { removeImageState } from '../textures/removeImageState.js';
@@ -9,6 +6,11 @@ import { addImageState } from '../textures/addImageState.js';
 import { update } from '../scene/scheduleSceneUpdate.js';
 import { hideTargets } from './hideTargets.js';
 
+/**
+ * Mark a native layer dirty, synchronize image listeners and schedule rendering.
+ *
+ * @param {Object} state Native layer state, defaulting to the bound context.
+ */
 export function refreshNativeLayer(state = this) {
   state.zoomOnly = false;
   state.dirty = true;

package/src/native/refreshNativeLayerContract.js

@@ -1,8 +1,11 @@
 import { nativeGPUByLayer } from '../weakmaps/nativeGPUByLayer.js';
-
-
 import { refreshNativeLayer } from './refreshNativeLayer.js';
 
+/**
+ * Refresh a layer's native backend if it is active.
+ *
+ * @param {Object} layer Source layer, defaulting to the bound context.
+ */
 export function refreshNativeLayerContract(layer = this) {
   const native = nativeGPUByLayer.get(layer);
   if (native?.backend && !native.disposed) refreshNativeLayer(native);

package/src/native/rejectNativeReady.js

@@ -1,4 +1,9 @@
 
-export function rejectNativeReady({ error }) {
-  this.ready.reject(error);
+/**
+ * Reject the native layer's readiness promise on backend error.
+ *
+ * @param {Object} event Backend error event.
+ */
+export function rejectNativeReady({ error }) {
+  this.ready.reject(error);
 }

package/src/native/removeNativeEvents.js

@@ -1,17 +1,21 @@
 import { nativeEventMaps } from '../weakmaps/nativeEventMaps.js';
 
-
-export function removeNativeEvents(state) {
-  const context = state._nativeEventContext;
-  if (!context) return;
-  const { map } = context;
-  context.states.delete(state);
-  if (context.hovered === state.source) {
-    context.hovered = null;
-    map.getContainer().style.cursor = '';
-  }
-  state._nativeEventContext = null;
-  if (context.states.size) return;
-  context.restore();
-  nativeEventMaps.delete(map);
+/**
+ * Unregister native layer event handling and restore map handling when unused.
+ *
+ * @param {Object} state Native layer state.
+ */
+export function removeNativeEvents(state) {
+  const context = state._nativeEventContext;
+  if (!context) return;
+  const { map } = context;
+  context.states.delete(state);
+  if (context.hovered === state.source) {
+    context.hovered = null;
+    map.getContainer().style.cursor = '';
+  }
+  state._nativeEventContext = null;
+  if (context.states.size) return;
+  context.restore();
+  nativeEventMaps.delete(map);
 }

package/src/native/removeTargets.js

@@ -1,8 +1,11 @@
 import { nativeGPUByLayer } from '../weakmaps/nativeGPUByLayer.js';
-
-
 import { disposeNativeLayer } from './disposeNativeLayer.js';
 
+/**
+ * Dispose a removed native layer and restore its hidden DOM elements.
+ *
+ * @param {Object} state Native layer state.
+ */
 export function removeTargets(state) {
   if (nativeGPUByLayer.get(state.source) === state) nativeGPUByLayer.set(state.source, null);
   if (state.backend) disposeNativeLayer.call(state);

package/src/native/reorderNativeLayer.js

@@ -1,10 +1,12 @@
 import { nativeGPUBackByMap } from '../weakmaps/nativeGPUBackByMap.js';
 import { nativeGPUOrderByMap } from '../weakmaps/nativeGPUOrderByMap.js';
-
-
-
 import { refreshNativeLayer } from './refreshNativeLayer.js';
 
+/**
+ * Move the bound native layer to the front or back and schedule a refresh.
+ *
+ * @param {boolean} front Whether to move the layer to the front.
+ */
 export function reorderNativeLayer(front) {
   if (front) {
     this.order = nativeGPUOrderByMap.get(this.map) + 1;

package/src/native/resolveNativeReady.js

@@ -1,4 +1,7 @@
 
-export function resolveNativeReady() {
-  this.ready.resolve();
+/**
+ * Resolve the bound native layer's readiness promise.
+ */
+export function resolveNativeReady() {
+  this.ready.resolve();
 }

package/src/native/restoreNativeEvents.js

@@ -1,6 +1,9 @@
-export function restoreNativeEvents() {
-  const { map, descriptor, handle } = this;
-  if (map._fireDOMEvent !== handle) return;
-  if (descriptor) Object.defineProperty(map, '_fireDOMEvent', descriptor);
-  else delete map._fireDOMEvent;
+/**
+ * Restore the map's original DOM event dispatcher if the native handler is still installed.
+ */
+export function restoreNativeEvents() {
+  const { map, descriptor, handle } = this;
+  if (map._fireDOMEvent !== handle) return;
+  if (descriptor) Object.defineProperty(map, '_fireDOMEvent', descriptor);
+  else delete map._fireDOMEvent;
 }

package/src/native/retainGridTerrain.js

@@ -1,10 +1,15 @@
-export function retainGridTerrain(state) {
-  let key, mesh, retained;
-  for ([key, mesh] of state.meshes) {
-    if (state.source._tiles[key] || !mesh._terrainRequest) continue;
-    retained = state.textures.get(key);
-    if (!retained) continue;
-    retained.used = true;
-    mesh._nativeUsed = true;
-  }
-}
+/**
+ * Retain terrain meshes and textures while replacement grid tiles are pending.
+ *
+ * @param {Object} state Native grid layer state.
+ */
+export function retainGridTerrain(state) {
+  let key, mesh, retained;
+  for ([key, mesh] of state.meshes) {
+    if (state.source._tiles[key] || !mesh._terrainRequest) continue;
+    retained = state.textures.get(key);
+    if (!retained) continue;
+    retained.used = true;
+    mesh._nativeUsed = true;
+  }
+}

package/src/native/styleNativeMesh.js

@@ -1,15 +1,21 @@
 import { cameraZIndexOffsetByLayer } from '../weakmaps/cameraZIndexOffsetByLayer.js';
-
 import { L } from '../globals/L.js';
 
-
-export function styleNativeMesh(state, mesh, color, opacity) {
-  const { source, marker, paneOrder, order } = state;
-  mesh.program.uniforms.baseColor.value = color;
-  mesh.program.uniforms.opacity.value = opacity;
-  if (source instanceof L.GridLayer) mesh.opacity = opacity;
-  const zIndex = marker ? source._zIndex + (cameraZIndexOffsetByLayer.get(source) || 0) : source.options.zIndex;
-  mesh.renderOrder = paneOrder * 1e6 + (zIndex || 0) * 1000 + order;
-  mesh._nativeSource = source;
-  mesh._nativeUsed = true;
+/**
+ * Apply color, opacity, ordering and source metadata to a native mesh.
+ *
+ * @param {Object} state Native layer state.
+ * @param {Object} mesh Mesh to update.
+ * @param {number|Array} color Material color.
+ * @param {number} opacity Material opacity.
+ */
+export function styleNativeMesh(state, mesh, color, opacity) {
+  const { source, marker, paneOrder, order } = state;
+  mesh.program.uniforms.baseColor.value = color;
+  mesh.program.uniforms.opacity.value = opacity;
+  if (source instanceof L.GridLayer) mesh.opacity = opacity;
+  const zIndex = marker ? source._zIndex + (cameraZIndexOffsetByLayer.get(source) || 0) : source.options.zIndex;
+  mesh.renderOrder = paneOrder * 1e6 + (zIndex || 0) * 1000 + order;
+  mesh._nativeSource = source;
+  mesh._nativeUsed = true;
 }

package/src/native/syncGridLayer.js

@@ -3,7 +3,11 @@ import { syncGridTile } from './syncGridTile.js';
 import { syncTerrainGridTile } from './syncTerrainGridTile.js';
 import { retainGridTerrain } from './retainGridTerrain.js';
 
-
+/**
+ * Synchronize loaded grid tiles and retain terrain while replacements are pending.
+ *
+ * @param {Object} state Native grid layer state.
+ */
 export function syncGridLayer(state) {
   const { source } = state;
   const stream = prepareGridTerrainRequests(state);

package/src/native/syncGridTile.js

@@ -1,18 +1,28 @@
-import { L } from '../globals/L.js';
-import { coreWhite } from '../globals/coreWhite.js';
-import { styleNativeMesh } from './styleNativeMesh.js';
-import { quadNativeMesh } from './quadNativeMesh.js';
-import { boundsQuad } from '../geometry/boundsQuad.js';
-
-export function syncGridTile(state, key, tile, opacity) {
-  const retained = state.textures.get(key), mesh = state.meshes.get(key);
-  if (mesh && !mesh._terrainRequest && retained?.image === tile.el &&
-    retained.url === (tile.el.currentSrc || tile.el.src)) {
-    retained.used = true;
-    styleNativeMesh(state, mesh, coreWhite, opacity);
-    return mesh;
-  }
-  const [nw, se] = state.source._tileCoordsToNwSe(tile.coords);
-  return quadNativeMesh(state, key, tile.el,
-    boundsQuad(state, /* alloc */ new L.LatLngBounds(nw, se)), opacity);
-}
+import { L } from '../globals/L.js';
+import { coreWhite } from '../globals/coreWhite.js';
+import { styleNativeMesh } from './styleNativeMesh.js';
+import { quadNativeMesh } from './quadNativeMesh.js';
+import { boundsQuad } from '../geometry/boundsQuad.js';
+
+/**
+ * Reuse or rebuild the textured mesh for a loaded grid tile.
+ *
+ * @param {Object} state Native grid layer state.
+ * @param {string} key Tile key.
+ * @param {Object} tile Loaded tile.
+ * @param {number} opacity Tile opacity.
+ *
+ * @returns {Object|undefined} Tile mesh, if available.
+ */
+export function syncGridTile(state, key, tile, opacity) {
+  const retained = state.textures.get(key), mesh = state.meshes.get(key);
+  if (mesh && !mesh._terrainRequest && retained?.image === tile.el &&
+    retained.url === (tile.el.currentSrc || tile.el.src)) {
+    retained.used = true;
+    styleNativeMesh(state, mesh, coreWhite, opacity);
+    return mesh;
+  }
+  const [nw, se] = state.source._tileCoordsToNwSe(tile.coords);
+  return quadNativeMesh(state, key, tile.el,
+    boundsQuad(state, /* alloc */ new L.LatLngBounds(nw, se)), opacity);
+}

package/src/native/syncImageOverlay.js

@@ -1,9 +1,14 @@
 import { quadNativeMesh } from './quadNativeMesh.js';
 import { boundsQuad } from '../geometry/boundsQuad.js';
 
-export function syncImageOverlay(state) {
-  const { source } = state;
-  if (source._image?.complete && source._image.naturalWidth) {
-    quadNativeMesh(state, 'image', source._image, boundsQuad(state, source.getBounds()), source.options.opacity ?? 1);
-  }
+/**
+ * Synchronize a loaded image overlay as a textured quad.
+ *
+ * @param {Object} state Native layer state.
+ */
+export function syncImageOverlay(state) {
+  const { source } = state;
+  if (source._image?.complete && source._image.naturalWidth) {
+    quadNativeMesh(state, 'image', source._image, boundsQuad(state, source.getBounds()), source.options.opacity ?? 1);
+  }
 }

package/src/native/syncMarker.js

@@ -1,6 +1,11 @@
 import { quadNativeMesh } from './quadNativeMesh.js';
 import { markerQuadCorners } from '../geometry/markerQuadCorners.js';
 
+/**
+ * Synchronize loaded marker icon and shadow images as native meshes.
+ *
+ * @param {Object} state Native marker state.
+ */
 export function syncMarker(state) {
   const { source } = state;
   let i, key, image, mesh;

package/src/native/syncNativeStrokeAnchors.js

@@ -1,12 +1,18 @@
-export function syncNativeStrokeAnchors(state, stroke) {
-  const { source } = state;
-  if (state.strokeAnchors?.length === stroke.length && stroke.length) {
-    if (source.options.interactive === false) state.strokeCoordinates = stroke;
-    else {
-      state.strokeCoordinates = /* alloc */ new Float64Array(stroke);
-      state.strokeAnchors = /* alloc */ new Float64Array(state.strokeAnchors);
-    }
-    state.strokeZoom = state.map.getZoom();
-    state.strokeWeight = Number(source.options.weight);
-  } else state.strokeAnchors = null;
-}
+/**
+ * Retain stroke coordinates and anchors for subsequent zoom scaling.
+ *
+ * @param {Object} state Native layer state.
+ * @param {Array} stroke Stroke coordinates.
+ */
+export function syncNativeStrokeAnchors(state, stroke) {
+  const { source } = state;
+  if (state.strokeAnchors?.length === stroke.length && stroke.length) {
+    if (source.options.interactive === false) state.strokeCoordinates = stroke;
+    else {
+      state.strokeCoordinates = /* alloc */ new Float64Array(stroke);
+      state.strokeAnchors = /* alloc */ new Float64Array(state.strokeAnchors);
+    }
+    state.strokeZoom = state.map.getZoom();
+    state.strokeWeight = Number(source.options.weight);
+  } else state.strokeAnchors = null;
+}