node.js - 传单JS : the ZOOM moves the elements

Question

我使用Electron，Node和Leaflet JS版本1.7.1创建了一个应用程序。
我意识到我遇到了与 ZOOM，折线和OverlayImages 相关的问题:

看起来，当我放大元素时，元素将移至 map 的左上角；当我放大元素时，其元素将移至 map 的右下角。
因此，为了摆脱这个问题，我将版本更改为0.7.7，一切都变得非常漂亮。
问题是，现在我需要使用Canvas(更具体的“Leaflet-canvas-markers”)，并且由于它使用Canvas，因此需要最新版本的leafletjs(v 1.7.1)。
有没有人遇到过同样的问题？任何想法如何解决这个问题？

如果我在LeafletJS v 0.7.7中使用Leaflet-canvas-markers，我会收到如下错误:

未捕获的TypeError:无法读取未定义的属性“include”

此错误涉及文件leaflet-canvas-markers.js第12行:

L.Canvas.include(...
仅供引用:
在此应用程序中，我还使用:

jQuery

bootstrap

leaflet-liveupdate

传单走廊

fs

下划线

Answer 1

这是加载Leaflet JS版本1.x及其CSS文件版本0.x的典型症状。
例如，参见https://github.com/Leaflet/Leaflet/issues/4247和https://github.com/Leaflet/Leaflet/issues/4774
这很容易解释为什么将Leaflet JS文件降级到0.7.7版时，此效果消失的原因。
因此，好消息是只使用适当的匹配CSS文件版本就可以了。然后，您与Canvas Markers插件的兼容性问题就解决了。