leaflet-city-mapper 0.1.0 → 0.1.1

package/src/controls/refreshRotateFocus.js

@@ -1,6 +1,6 @@
-import { refreshRotateControl } from './refreshRotateControl.js';
-
-/** Refresh the rotate control associated with this button after focus changes. */
-export function refreshRotateFocus() {
-  refreshRotateControl.call(this._rotateControl);
+import { refreshRotateControl } from './refreshRotateControl.js';
+
+/** Refresh the rotate control associated with this button after focus changes. */
+export function refreshRotateFocus() {
+  refreshRotateControl.call(this._rotateControl);
 }

package/src/controls/removeCameraDrag.js

@@ -1,29 +1,29 @@
-import { dragStates } from '../weakmaps/dragStates.js';
-import { cameraDrags } from '../globals/cameraDrags.js';
-import { finishCameraDrag } from './finishCameraDrag.js';
-import { cameraDragDown } from './cameraDragDown.js';
-import { cameraDragMove } from './cameraDragMove.js';
-import { cameraDragEnd } from './cameraDragEnd.js';
-import { cameraDragClick } from './cameraDragClick.js';
-import { cameraDragContextMenu } from './cameraDragContextMenu.js';
-import { endAllCameraDrags } from './endAllCameraDrags.js';
-
-/**
- * Finish a drag and remove its element and shared blur listeners.
- *
- * @param {Object} state Registered camera drag state.
- */
-export function removeCameraDrag(state) {
-  finishCameraDrag(state);
-  const { element } = state;
-  element.removeEventListener('pointerdown', cameraDragDown, true);
-  element.removeEventListener('pointermove', cameraDragMove);
-  element.removeEventListener('pointerup', cameraDragEnd);
-  element.removeEventListener('pointercancel', cameraDragEnd);
-  element.removeEventListener('lostpointercapture', cameraDragEnd);
-  element.removeEventListener('click', cameraDragClick, true);
-  element.removeEventListener('contextmenu', cameraDragContextMenu);
-  dragStates.value.delete(element);
-  cameraDrags.value.delete(state);
-  if (!cameraDrags.value.size) window.removeEventListener('blur', endAllCameraDrags);
+import { dragStates } from '../weakmaps/dragStates.js';
+import { cameraDrags } from '../globals/cameraDrags.js';
+import { finishCameraDrag } from './finishCameraDrag.js';
+import { cameraDragDown } from './cameraDragDown.js';
+import { cameraDragMove } from './cameraDragMove.js';
+import { cameraDragEnd } from './cameraDragEnd.js';
+import { cameraDragClick } from './cameraDragClick.js';
+import { cameraDragContextMenu } from './cameraDragContextMenu.js';
+import { endAllCameraDrags } from './endAllCameraDrags.js';
+
+/**
+ * Finish a drag and remove its element and shared blur listeners.
+ *
+ * @param {Object} state Registered camera drag state.
+ */
+export function removeCameraDrag(state) {
+  finishCameraDrag(state);
+  const { element } = state;
+  element.removeEventListener('pointerdown', cameraDragDown, true);
+  element.removeEventListener('pointermove', cameraDragMove);
+  element.removeEventListener('pointerup', cameraDragEnd);
+  element.removeEventListener('pointercancel', cameraDragEnd);
+  element.removeEventListener('lostpointercapture', cameraDragEnd);
+  element.removeEventListener('click', cameraDragClick, true);
+  element.removeEventListener('contextmenu', cameraDragContextMenu);
+  dragStates.value.delete(element);
+  cameraDrags.value.delete(state);
+  if (!cameraDrags.value.size) window.removeEventListener('blur', endAllCameraDrags);
 }

package/src/controls/resizeMap.js

@@ -1,8 +1,8 @@
-/**
- * Invalidate the map size associated with the first observed container.
- *
- * @param {Array<ResizeObserverEntry>} entries Resize observer entries.
- */
-export function resizeMap(entries) {
-  entries[0]?.target._containerResizeMap.invalidateSize();
+/**
+ * Invalidate the map size associated with the first observed container.
+ *
+ * @param {Array<ResizeObserverEntry>} entries Resize observer entries.
+ */
+export function resizeMap(entries) {
+  entries[0]?.target._containerResizeMap.invalidateSize();
 }

package/src/controls/rotateButtonClick.js

@@ -1,16 +1,16 @@
-import { cameraFocusOptions } from '../globals/cameraFocusOptions.js';
-import { mapResetNorthPitch } from '../camera/mapResetNorthPitch.js';
-import { mapResetNorth } from '../camera/mapResetNorth.js';
-
-/**
- * Reset bearing and optionally pitch from the rotate control button.
- *
- * @param {MouseEvent} event Button click event.
- */
-export function rotateButtonClick(event) {
-  const control = this._rotateControl, map = control._map;
-  event.preventDefault();
-  if (control.options.visualizePitch) mapResetNorthPitch(map);
-  else mapResetNorth(map);
-  if (event.detail) map.getContainer().focus(cameraFocusOptions);
-}
+import { cameraFocusOptions } from '../globals/cameraFocusOptions.js';
+import { mapResetNorthPitch } from '../camera/mapResetNorthPitch.js';
+import { mapResetNorth } from '../camera/mapResetNorth.js';
+
+/**
+ * Reset bearing and optionally pitch from the rotate control button.
+ *
+ * @param {MouseEvent} event Button click event.
+ */
+export function rotateButtonClick(event) {
+  const control = this._rotateControl, map = control._map;
+  event.preventDefault();
+  if (control.options.visualizePitch) mapResetNorthPitch(map);
+  else mapResetNorth(map);
+  if (event.detail) map.getContainer().focus(cameraFocusOptions);
+}

package/src/controls/rotateButtonKeydown.js

@@ -1,21 +1,21 @@
-import { mapSetBearing } from '../camera/mapSetBearing.js';
-import { mapGetBearing } from '../camera/mapGetBearing.js';
-import { mapSetPitch } from '../camera/mapSetPitch.js';
-import { mapGetPitch } from '../camera/mapGetPitch.js';
-
-/**
- * Adjust camera angles or reset the rotate control using keyboard shortcuts.
- *
- * @param {KeyboardEvent} event Button key event.
- */
-export function rotateButtonKeydown(event) {
-  const control = this._rotateControl, map = control._map, step = event.shiftKey ? 15 : 5;
-  if (event.key === 'ArrowLeft') mapSetBearing(map, mapGetBearing(map) - step);
-  else if (event.key === 'ArrowRight') mapSetBearing(map, mapGetBearing(map) + step);
-  else if (event.key === 'ArrowUp' && control.options.visualizePitch) mapSetPitch(map, mapGetPitch(map) + step);
-  else if (event.key === 'ArrowDown' && control.options.visualizePitch) mapSetPitch(map, mapGetPitch(map) - step);
-  else if (event.key === 'Home' || event.key === ' ') this.click();
-  else return;
-  event.preventDefault();
-  event.stopPropagation();
+import { mapSetBearing } from '../camera/mapSetBearing.js';
+import { mapGetBearing } from '../camera/mapGetBearing.js';
+import { mapSetPitch } from '../camera/mapSetPitch.js';
+import { mapGetPitch } from '../camera/mapGetPitch.js';
+
+/**
+ * Adjust camera angles or reset the rotate control using keyboard shortcuts.
+ *
+ * @param {KeyboardEvent} event Button key event.
+ */
+export function rotateButtonKeydown(event) {
+  const control = this._rotateControl, map = control._map, step = event.shiftKey ? 15 : 5;
+  if (event.key === 'ArrowLeft') mapSetBearing(map, mapGetBearing(map) - step);
+  else if (event.key === 'ArrowRight') mapSetBearing(map, mapGetBearing(map) + step);
+  else if (event.key === 'ArrowUp' && control.options.visualizePitch) mapSetPitch(map, mapGetPitch(map) + step);
+  else if (event.key === 'ArrowDown' && control.options.visualizePitch) mapSetPitch(map, mapGetPitch(map) - step);
+  else if (event.key === 'Home' || event.key === ' ') this.click();
+  else return;
+  event.preventDefault();
+  event.stopPropagation();
 }

package/src/controls/rotateControl.js

@@ -1,12 +1,12 @@
-import { L } from '../globals/L.js';
-
-/**
- * Create a rotate control.
- *
- * @param {Object} options Control options.
- *
- * @returns {L.Control.Rotate} New control.
- */
-export function rotateControl(options) {
-  return /* alloc */ new L.Control.Rotate(options);
-}
+import { L } from '../globals/L.js';
+
+/**
+ * Create a rotate control.
+ *
+ * @param {Object} options Control options.
+ *
+ * @returns {L.Control.Rotate} New control.
+ */
+export function rotateControl(options) {
+  return /* alloc */ new L.Control.Rotate(options);
+}

package/src/controls/shiftRotateRemoveHooks.js

@@ -1,6 +1,6 @@
 /** Remove this handler's Shift-wheel rotation listener. */
 export function shiftRotateRemoveHooks() {
-  const container = this._map.getContainer();
-  container.removeEventListener('wheel', this._wheel, true);
+  const container = this._map.getContainer();
+  container.removeEventListener('wheel', this._wheel, true);
   delete container._cameraShiftRotate;
 }

package/src/controls/shiftRotateWheel.js

@@ -1,16 +1,16 @@
-import { mapSetBearing } from '../camera/mapSetBearing.js';
-import { mapGetBearing } from '../camera/mapGetBearing.js';
-import { editable } from './isEditableTarget.js';
-
-/**
- * Rotate the map for Shift-wheel events outside editable targets and controls.
- *
- * @param {WheelEvent} event Wheel event.
- */
-export function shiftRotateWheel(event) {
-  const handler = this._cameraShiftRotate;
-  if (!event.shiftKey || editable(event.target) || event.target.closest('.leaflet-control')) return;
-  event.preventDefault();
-  event.stopImmediatePropagation();
-  mapSetBearing(handler._map, mapGetBearing(handler._map) + Math.sign(event.deltaY) * 5);
+import { mapSetBearing } from '../camera/mapSetBearing.js';
+import { mapGetBearing } from '../camera/mapGetBearing.js';
+import { editable } from './isEditableTarget.js';
+
+/**
+ * Rotate the map for Shift-wheel events outside editable targets and controls.
+ *
+ * @param {WheelEvent} event Wheel event.
+ */
+export function shiftRotateWheel(event) {
+  const handler = this._cameraShiftRotate;
+  if (!event.shiftKey || editable(event.target) || event.target.closest('.leaflet-control')) return;
+  event.preventDefault();
+  event.stopImmediatePropagation();
+  mapSetBearing(handler._map, mapGetBearing(handler._map) + Math.sign(event.deltaY) * 5);
 }

package/src/core/cameraMarkerOnDrag.js

@@ -1,16 +1,16 @@
-import { L } from '../globals/L.js';
-import { dragByHandler } from '../weakmaps/dragByHandler.js';
-
-/**
- * Convert this marker's drag position through the camera before invoking Leaflet's handler.
- *
- * @param {Object} event Marker drag event.
- */
-export function cameraMarkerOnDrag(event) {
-  const map = this._marker._map;
-  const screen = L.DomUtil.getPosition(this._marker._icon).add(map._getMapPanePos());
-  const point = map.containerPointToLayerPoint(screen);
-  L.DomUtil.setPosition(this._marker._icon, point);
-  dragByHandler.get(this)._cameraOriginalOnDrag.call(this, event);
-  this._marker._setPos(point);
-}
+import { L } from '../globals/L.js';
+import { dragByHandler } from '../weakmaps/dragByHandler.js';
+
+/**
+ * Convert this marker's drag position through the camera before invoking Leaflet's handler.
+ *
+ * @param {Object} event Marker drag event.
+ */
+export function cameraMarkerOnDrag(event) {
+  const map = this._marker._map;
+  const screen = L.DomUtil.getPosition(this._marker._icon).add(map._getMapPanePos());
+  const point = map.containerPointToLayerPoint(screen);
+  L.DomUtil.setPosition(this._marker._icon, point);
+  dragByHandler.get(this)._cameraOriginalOnDrag.call(this, event);
+  this._marker._setPos(point);
+}

package/src/core/constructLayer.js

@@ -1,16 +1,16 @@
-import { leafletLayer } from '../globals/leafletLayer.js';
-import { layerInitialize } from '../scene/layerInitialize.js';
-
-/**
- * Construct a Leaflet layer, initialize its source and run initialization hooks.
- *
- * @param {Object} options Layer options.
- *
- * @returns {L.Layer} Constructed layer.
- */
-export function constructLayer(options) {
-  const layer = Reflect.construct(leafletLayer, /* alloc */ [], new.target);
-  layerInitialize.call(layer, options);
-  layer.callInitHooks();
-  return layer;
-}
+import { leafletLayer } from '../globals/leafletLayer.js';
+import { layerInitialize } from '../scene/layerInitialize.js';
+
+/**
+ * Construct a Leaflet layer, initialize its source and run initialization hooks.
+ *
+ * @param {Object} options Layer options.
+ *
+ * @returns {L.Layer} Constructed layer.
+ */
+export function constructLayer(options) {
+  const layer = Reflect.construct(leafletLayer, /* alloc */ [], new.target);
+  layerInitialize.call(layer, options);
+  layer.callInitHooks();
+  return layer;
+}

package/src/core/extendLeafletClass.js

@@ -1,12 +1,12 @@
-import { L } from '../globals/L.js';
-
-/**
- * Obtain a compatible Leaflet class, extending it on Leaflet 1.
- *
- * @param {Function} parent Parent Leaflet class.
- *
- * @returns {Function} Parent or extended class.
- */
-export function extendLeafletClass(parent) {
-  return L.version.startsWith('2.') ? parent : parent.extend(/* alloc */ {});
-}
+import { L } from '../globals/L.js';
+
+/**
+ * Obtain a compatible Leaflet class, extending it on Leaflet 1.
+ *
+ * @param {Function} parent Parent Leaflet class.
+ *
+ * @returns {Function} Parent or extended class.
+ */
+export function extendLeafletClass(parent) {
+  return L.version.startsWith('2.') ? parent : parent.extend(/* alloc */ {});
+}

package/src/core/extendTerrainPixelBounds.js

@@ -1,41 +1,41 @@
-import { cameraViewByMap } from '../weakmaps/cameraViewByMap.js';
-import { mapMethods } from '../globals/mapMethods.js';
-import { radians } from '../globals/radians.js';
-import { earthCirc } from '../globals/earthCirc.js';
-import { mapElevationOf } from '../terrain/mapElevationOf.js';
-import { groundBounds } from '../projections/groundBounds.js';
-import { animationPoint } from '../projections/transformZoomAnimationPoint.js';
-
-/**
- * Extend tiled pixel bounds to include the visible footprint at cached terrain elevation extremes.
- *
- * @param {L.GridLayer} layer Grid layer with the tile zoom.
- * @param {L.Bounds} result Bounds to extend in place.
- * @param {Object} stream Terrain stream and elevation cache.
- * @param {L.LatLng} origin Scene origin.
- *
- * @returns {L.Bounds} Extended bounds.
- */
-export function extendTerrainPixelBounds(layer, result, stream, origin) {
-  const map = layer._map;
-  let minimum = Infinity, maximum = -Infinity, key, entry;
-  for ([key, entry] of stream.terrainCache) {
-    if (!key.startsWith(`${layer._tileZoom}/`) || !entry.range) continue;
-    minimum = Math.min(minimum, entry.range[0]);
-    maximum = Math.max(maximum, entry.range[1]);
-  }
-  if (!Number.isFinite(minimum) || !Number.isFinite(maximum)) return result;
-  const zoom = cameraViewByMap.get(map)?.zoom ?? map.getZoom();
-  const scale = map.options.crs.scale(zoom) / (earthCirc * Math.cos(origin.lat * radians));
-  const target = mapElevationOf(map, map.getCenter()) ?? 0;
-  let i, j, footprint, point, raw;
-  for (i = 0; i < 2; i++) {
-    footprint = groundBounds(map, undefined, ((i ? maximum : minimum) - target) * scale);
-    for (j = 0; j < 2; j++) {
-      point = j ? footprint.max : footprint.min;
-      raw = mapMethods.value.containerPointToLayerPoint.call(map, animationPoint(map, point, true));
-      result.extend(map.project(map.layerPointToLatLng(raw), layer._tileZoom));
-    }
-  }
-  return result;
-}
+import { cameraViewByMap } from '../weakmaps/cameraViewByMap.js';
+import { mapMethods } from '../globals/mapMethods.js';
+import { radians } from '../globals/radians.js';
+import { earthCirc } from '../globals/earthCirc.js';
+import { mapElevationOf } from '../terrain/mapElevationOf.js';
+import { groundBounds } from '../projections/groundBounds.js';
+import { animationPoint } from '../projections/transformZoomAnimationPoint.js';
+
+/**
+ * Extend tiled pixel bounds to include the visible footprint at cached terrain elevation extremes.
+ *
+ * @param {L.GridLayer} layer Grid layer with the tile zoom.
+ * @param {L.Bounds} result Bounds to extend in place.
+ * @param {Object} stream Terrain stream and elevation cache.
+ * @param {L.LatLng} origin Scene origin.
+ *
+ * @returns {L.Bounds} Extended bounds.
+ */
+export function extendTerrainPixelBounds(layer, result, stream, origin) {
+  const map = layer._map;
+  let minimum = Infinity, maximum = -Infinity, key, entry;
+  for ([key, entry] of stream.terrainCache) {
+    if (!key.startsWith(`${layer._tileZoom}/`) || !entry.range) continue;
+    minimum = Math.min(minimum, entry.range[0]);
+    maximum = Math.max(maximum, entry.range[1]);
+  }
+  if (!Number.isFinite(minimum) || !Number.isFinite(maximum)) return result;
+  const zoom = cameraViewByMap.get(map)?.zoom ?? map.getZoom();
+  const scale = map.options.crs.scale(zoom) / (earthCirc * Math.cos(origin.lat * radians));
+  const target = mapElevationOf(map, map.getCenter()) ?? 0;
+  let i, j, footprint, point, raw;
+  for (i = 0; i < 2; i++) {
+    footprint = groundBounds(map, undefined, ((i ? maximum : minimum) - target) * scale);
+    for (j = 0; j < 2; j++) {
+      point = j ? footprint.max : footprint.min;
+      raw = mapMethods.value.containerPointToLayerPoint.call(map, animationPoint(map, point, true));
+      result.extend(map.project(map.layerPointToLatLng(raw), layer._tileZoom));
+    }
+  }
+  return result;
+}

package/src/core/layerAddInitHook.js

@@ -1,12 +1,12 @@
-import { L } from '../globals/L.js';
-import { leafletLayer } from '../globals/leafletLayer.js';
-
-/**
- * Forward initialization-hook registration to the appropriate Leaflet class.
- *
- * @returns {Function} This layer class.
- */
-export function layerAddInitHook() {
-  leafletLayer.addInitHook.apply(this === L.Layer ? leafletLayer : this, arguments);
-  return this;
-}
+import { L } from '../globals/L.js';
+import { leafletLayer } from '../globals/leafletLayer.js';
+
+/**
+ * Forward initialization-hook registration to the appropriate Leaflet class.
+ *
+ * @returns {Function} This layer class.
+ */
+export function layerAddInitHook() {
+  leafletLayer.addInitHook.apply(this === L.Layer ? leafletLayer : this, arguments);
+  return this;
+}

package/src/core/layerMergeOptions.js

@@ -1,14 +1,14 @@
-import { L } from '../globals/L.js';
-import { leafletLayer } from '../globals/leafletLayer.js';
-
-/**
- * Merge options into the appropriate Leaflet layer class.
- *
- * @param {Object} options Default options to merge.
- *
- * @returns {Function} This layer class.
- */
-export function layerMergeOptions(options) {
-  leafletLayer.mergeOptions.call(this === L.Layer ? leafletLayer : this, options);
-  return this;
-}
+import { L } from '../globals/L.js';
+import { leafletLayer } from '../globals/leafletLayer.js';
+
+/**
+ * Merge options into the appropriate Leaflet layer class.
+ *
+ * @param {Object} options Default options to merge.
+ *
+ * @returns {Function} This layer class.
+ */
+export function layerMergeOptions(options) {
+  leafletLayer.mergeOptions.call(this === L.Layer ? leafletLayer : this, options);
+  return this;
+}

package/src/core/markerInitInteraction.js

@@ -1,13 +1,13 @@
-import { markerMethods } from '../globals/markerMethods.js';
-import { cameraMarkerDrag } from './cameraMarkerDrag.js';
-
-/**
- * Initialize this marker's Leaflet interaction and camera-aware dragging.
- *
- * @returns {*} Original interaction initializer result.
- */
+import { markerMethods } from '../globals/markerMethods.js';
+import { cameraMarkerDrag } from './cameraMarkerDrag.js';
+
+/**
+ * Initialize this marker's Leaflet interaction and camera-aware dragging.
+ *
+ * @returns {*} Original interaction initializer result.
+ */
 export function markerInitInteraction() {
-  const result = markerMethods.value._initInteraction.call(this);
-  cameraMarkerDrag.call(this);
+  const result = markerMethods.value._initInteraction.call(this);
+  cameraMarkerDrag.call(this);
   return result;
 }

package/src/core/markerSetIcon.js

@@ -1,17 +1,17 @@
-import { L } from '../globals/L.js';
-import { markerMethods } from '../globals/markerMethods.js';
-import { initNativeGPU } from '../native/initNativeGPU.js';
-
-/**
- * Set this marker's icon and initialize GPU rendering for mapped non-DivIcon images.
- *
- * @param {L.Icon} icon New marker icon.
- *
- * @returns {*} Original Leaflet setter result.
- */
+import { L } from '../globals/L.js';
+import { markerMethods } from '../globals/markerMethods.js';
+import { initNativeGPU } from '../native/initNativeGPU.js';
+
+/**
+ * Set this marker's icon and initialize GPU rendering for mapped non-DivIcon images.
+ *
+ * @param {L.Icon} icon New marker icon.
+ *
+ * @returns {*} Original Leaflet setter result.
+ */
 export function markerSetIcon(icon) {
-  if (!(icon instanceof L.DivIcon)) icon.options.crossOrigin ||= true;
-  const result = markerMethods.value.setIcon.call(this, icon);
-  if (this._map && !(icon instanceof L.DivIcon)) initNativeGPU(this, this._map);
+  if (!(icon instanceof L.DivIcon)) icon.options.crossOrigin ||= true;
+  const result = markerMethods.value.setIcon.call(this, icon);
+  if (this._map && !(icon instanceof L.DivIcon)) initNativeGPU(this, this._map);
   return result;
 }

package/src/core/markerSetRotation.js

@@ -1,19 +1,19 @@
-import { refreshNativeLayerContract } from '../native/refreshNativeLayerContract.js';
-
-/**
- * Set a marker's rotation and refresh its display and native GPU state.
- *
- * @param {L.Marker} marker Marker to update.
- * @param {number} rotation Rotation value.
- *
- * @returns {L.Marker} The updated marker.
- *
- * @throws {TypeError} If the rotation is not finite.
- */
-export function markerSetRotation(marker, rotation) {
-  if (!Number.isFinite(rotation)) throw /* alloc */ new TypeError('Marker rotation must be finite');
-  marker.options.rotation = rotation;
-  marker.update();
-  refreshNativeLayerContract(marker);
-  return marker;
-}
+import { refreshNativeLayerContract } from '../native/refreshNativeLayerContract.js';
+
+/**
+ * Set a marker's rotation and refresh its display and native GPU state.
+ *
+ * @param {L.Marker} marker Marker to update.
+ * @param {number} rotation Rotation value.
+ *
+ * @returns {L.Marker} The updated marker.
+ *
+ * @throws {TypeError} If the rotation is not finite.
+ */
+export function markerSetRotation(marker, rotation) {
+  if (!Number.isFinite(rotation)) throw /* alloc */ new TypeError('Marker rotation must be finite');
+  marker.options.rotation = rotation;
+  marker.update();
+  refreshNativeLayerContract(marker);
+  return marker;
+}

package/src/core/projectNativePath.js

@@ -1,30 +1,30 @@
-import { L } from '../globals/L.js';
-import { pathProjectionByMap } from '../weakmaps/pathProjectionByMap.js';
-
-/**
- * Project a native path using a temporary renderer view when required by Leaflet 2.
- *
- * @param {L.Path} source Path to project.
- *
- * @returns {*} Original projection result on Leaflet 1.
- */
-export function projectNativePath(source) {
-  if (!L.version.startsWith('2.')) return source._project();
-  const map = source._map, renderer = source._renderer;
-  let projection = pathProjectionByMap.get(map);
-  if (!projection) {
-    // Leaflet 2 projects against a renderer view, even when no DOM renderer is mounted.
-    projection = Object.create(L.Renderer.prototype);
-    projection._map = map;
-    pathProjectionByMap.set(map, projection);
-  }
-  projection._pathZoom = map.getZoom();
-  projection._pathOrigin = map.getPixelOrigin();
-  source._renderer = projection;
-  try {
-    source._project();
-  } finally {
-    if (renderer) source._renderer = renderer;
-    else delete source._renderer;
-  }
-}
+import { L } from '../globals/L.js';
+import { pathProjectionByMap } from '../weakmaps/pathProjectionByMap.js';
+
+/**
+ * Project a native path using a temporary renderer view when required by Leaflet 2.
+ *
+ * @param {L.Path} source Path to project.
+ *
+ * @returns {*} Original projection result on Leaflet 1.
+ */
+export function projectNativePath(source) {
+  if (!L.version.startsWith('2.')) return source._project();
+  const map = source._map, renderer = source._renderer;
+  let projection = pathProjectionByMap.get(map);
+  if (!projection) {
+    // Leaflet 2 projects against a renderer view, even when no DOM renderer is mounted.
+    projection = Object.create(L.Renderer.prototype);
+    projection._map = map;
+    pathProjectionByMap.set(map, projection);
+  }
+  projection._pathZoom = map.getZoom();
+  projection._pathOrigin = map.getPixelOrigin();
+  source._renderer = projection;
+  try {
+    source._project();
+  } finally {
+    if (renderer) source._renderer = renderer;
+    else delete source._renderer;
+  }
+}

package/src/core/redrawPath.js

@@ -1,11 +1,11 @@
-import { refreshNativeLayerContract } from '../native/refreshNativeLayerContract.js';
-
-/**
- * Refresh this native path's GPU rendering.
- *
- * @returns {L.Path} This path.
- */
-export function redrawPath() {
-  refreshNativeLayerContract(this);
-  return this;
-}
+import { refreshNativeLayerContract } from '../native/refreshNativeLayerContract.js';
+
+/**
+ * Refresh this native path's GPU rendering.
+ *
+ * @returns {L.Path} This path.
+ */
+export function redrawPath() {
+  refreshNativeLayerContract(this);
+  return this;
+}