ui-leaflet Heat 插件与微软浏览器的 ui-leaflet-draw 冲突答案

【问题标题】：ui-leaflet Heat Plugin conflicts with ui-leaflet-draw for microsoft browsersui-leaflet Heat 插件与微软浏览器的 ui-leaflet-draw 冲突
【发布时间】：2017-01-07 13:23:18
【问题描述】：

我有一个 AngularJS (1.58) webapp 显示一些带有ui-leaflet 的地图。我已经成功集成了Leaflet.Heat 插件。另外，我已经成功集成了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 Edge）的有效组合？如果是这样，它们是哪些版本？如果没有，是否有推荐的解决方法？也许其他插件，我可以用它来绘制或显示好看的热图？

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

【问题讨论】：

标签： heatmap leaflet.draw ui-leaflet

【解决方案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 图层和 Draw 控件开发精美地图的乐趣，这些控件现在可用于 GChrome、Opera、FireFox 和 Microsoft Edge！（尚未测试 IE 11 与角材料的许多其他冲突）

【讨论】：