ui-leaflet Heat 插件与 Microsoft 浏览器的 ui-leaflet-draw 冲突

Question

我有一个 AngularJS (1.58) webapp 显示一些带有 ui-leaflet 的地图。我已经成功集成了 Leaflet.Heat Plugin, successfully. Also, I have integrated the Leaflet.Draw 插件。

问题： 当我同时使用 Plugin、Heat 和 Draw 时，我的 Web 应用程序不再在 Microsoft 浏览器（Microsoft Edge、Internet Explorer 11）上显示任何地图。我尝试使用这些插件的不同发行版本组合来让它在每个常见的浏览器上工作。当我将传单地图重新用于 Microsoft Edge 时，Heat 插件不再工作（不仅是 ME，也不是 Opera、Firefox、GChrome）。

总结： ui-leaflet、Leaflet、ui-leaflet-draw 和 Leaflet.Heat 的最新版本在 Google Chrome、Firefox、Opera 上合作良好。但是 Microsoft Edge 的地图完全消失了。旧版本再次为 Microsoft Edge 显示地图，但 Heat 插件不再适用于任何浏览器。

问题：是否有适用于所有这些浏览器的这些工具的版本组合（谈到 Google Chrome、Firefox、Opera、Microsoft边）在一起？如果是这样，它们是哪些版本？如果没有，是否有推荐的解决方法？也许我可以使用其他插件来绘制或显示漂亮的热图？

重现步骤： 下载Leaflet.Heat example。将 ui-leaflet-draw 集成为库（例如通过 bower）。使用 Google Chrome、Firefox 或 Opera 对其进行测试。根据您的版本，您将看到工作热图但使用 Microsoft Edge 测试时您看不到任何地图或您看不到任何热图，并且 Microsoft Edge 向您显示地图（也没有热量） .

Answer 1

好的，我正在关注我的问题并找到解决方案。

我用 leaflet.Draw 插件替换了 ui-leaflet-draw，所有 3 个插件的组合适用于所有浏览器（只要我使用正确的版本）。所以它们来自我的 bower.json 项目文件：

"dependencies": {
    "angular": "1.5.8",
    "angular-simple-logger": "~0.1.7",
    "ui-leaflet": "1.0.3",
    "Leaflet.heat": "https://github.com/Leaflet/Leaflet.heat/archive/gh-pages.tar.gz",
    "angular-material": "~1.1.1",
    "leaflet.draw": "*"
  },
  "resolutions": {
    "angular-material": "~1.1.1",
    "angular": "1.5.8",
    "leaflet": "1.0.3"
  }

更新：Leaflet 1.0.3 也能正常工作，比 0 有更好的用户体验控制。7.x

享受使用 Heat 图层和绘图控件开发精美地图的乐趣，这些控件现在适用于 GChrome、Opera、FireFox 和 Microsoft Edge！（还没有测试 IE 11，因为它与 angular-material 有很多其他冲突）

ui-leaflet Heat 插件与 Microsoft 浏览器的 ui-leaflet-draw 冲突

ui-leaflet Heat Plugin conflicts with ui-leaflet-draw for microsoft browsers

heatmap

leaflet.draw

ui-leaflet