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

Question

我有一个 AngularJS (1.58) web 应用程序，显示一些带有 ui-leaflet 的 map 。我已经集成了Leaflet.Heat插件，成功。另外，我还集成了Leaflet.Draw插件成功。

问题:当我同时使用插件、Heat 和 Draw 时，我的网络应用程序不再在 Microsoft 浏览器(Microsoft Edge、Internet Explorer 11)上显示任何 map 。我尝试使用这些插件的发行版本的不同组合，使其能够在每个常见的浏览器上运行。当我将传单 map 恢复到 Microsoft Edge 上工作时，Heat 插件不再工作(不仅是 ME，Opera、Firefox、GChrome 也不再工作)。

总结:最新版本的 ui-leaflet、Leaflet、ui-leaflet-draw 和 Leaflet.Heat在 Google Chrome、Firefox、Opera 上运行良好。但 Microsoft Edge 的 map 完全消失了。旧版本再次显示 Microsoft Edge 的 map ，但 Heat 插件不再在任何浏览器上运行。

问题:是否存在适用于所有这些浏览器(Google Chrome、Firefox、Opera、Microsoft Edge)的这些工具版本的有效组合？如果有，它们是什么版本？如果没有，是否有推荐的解决方法？也许还有其他插件，我可以用它来绘制或显示漂亮的热图？

重现步骤:下载Leaflet.Heat example 。将 ui-leaflet-draw 集成为库(例如通过 Bower)。使用 Google Chrome、Firefox 或 Opera 进行测试。根据您的版本，您要么会看到工作热图，但使用 Microsoft Edge 进行测试时看不到任何 map 或者您看不到任何热图，而 Microsoft Edge 会向您显示 map (也没有热图)。

Answer 1

好吧，我正在集中精力寻找解决方案。

我用 leaflet.Draw 插件替换了 ui-leaflet-draw ，这三个插件的组合适用于所有浏览器(只要我使用正确的版本)。所以它们来 self 的 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 控件开发漂亮的 map 的乐趣，这些控件现在适用于 GChrome、Opera、FireFox 和 Microsoft Edge! (尚未测试 IE 11，因为与 Angular-Material 存在许多其他冲突)