Leaflet JS：ZOOM移动元素
Leaflet JS: the ZOOM moves the elements
我使用 Electron、Node 和 Leaflet JS 1.7.1 版创建了一个应用程序。
我意识到我遇到了与 ZOOM、折线和 OverlayImages 有关的问题:
看起来当我放大时，元素移动到地图的左上角，而当我缩小时，它们移动到地图的右下角。
所以，为了摆脱这个问题，我更改为 0.7.7 版本，一切都很漂亮。
问题是现在我需要使用 Canvas（更具体的“Leaflet-canvas-markers”）并且它需要最新版本的 leafletjs (v 1.7.1) 因为它使用 Canvas.
有没有人遇到过同样的问题？有什么解决办法吗？
- 如果我在 LeafletJS v 0.7.7 中使用 Leaflet-canvas-markers，我会得到这样的错误：
未捕获类型错误：无法读取未定义的 属性 'include'
- 这个错误是指文件leaflet-canvas-markers.js第12行：
L.Canvas.include(...
仅供参考：
在此应用程序中，我还使用了：
- Jquery
- Bootstrap
- 传单实时更新
- 传单走廊
- fs
- 下划线
这是加载 Leaflet JS 版本 1.x 及其 CSS 文件版本 0.x
的典型症状
参见示例 https://github.com/Leaflet/Leaflet/issues/4247 and https://github.com/Leaflet/Leaflet/issues/4774
这很容易解释为什么当你将 Leaflet JS 文件降级到 0.7.7 版本时，这个效果就消失了。
因此，好消息是您只需使用适当匹配的 CSS 文件版本就可以了。那么你与 Canvas 标记插件的兼容性问题就消失了。
我使用 Electron、Node 和 Leaflet JS 1.7.1 版创建了一个应用程序。
我意识到我遇到了与 ZOOM、折线和 OverlayImages 有关的问题:
看起来当我放大时，元素移动到地图的左上角，而当我缩小时，它们移动到地图的右下角。 所以，为了摆脱这个问题，我更改为 0.7.7 版本，一切都很漂亮。
问题是现在我需要使用 Canvas（更具体的“Leaflet-canvas-markers”）并且它需要最新版本的 leafletjs (v 1.7.1) 因为它使用 Canvas.
有没有人遇到过同样的问题？有什么解决办法吗？
- 如果我在 LeafletJS v 0.7.7 中使用 Leaflet-canvas-markers，我会得到这样的错误：
未捕获类型错误：无法读取未定义的 属性 'include'
- 这个错误是指文件leaflet-canvas-markers.js第12行：
L.Canvas.include(...
仅供参考： 在此应用程序中，我还使用了：
- Jquery
- Bootstrap
- 传单实时更新
- 传单走廊
- fs
- 下划线
这是加载 Leaflet JS 版本 1.x 及其 CSS 文件版本 0.x
的典型症状参见示例 https://github.com/Leaflet/Leaflet/issues/4247 and https://github.com/Leaflet/Leaflet/issues/4774
这很容易解释为什么当你将 Leaflet JS 文件降级到 0.7.7 版本时，这个效果就消失了。
因此，好消息是您只需使用适当匹配的 CSS 文件版本就可以了。那么你与 Canvas 标记插件的兼容性问题就消失了。