3

我有一个 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 示例。将 ui-leaflet-draw 集成为库（例如通过凉亭）。使用 Google Chrome、Firefox 或 Opera 对其进行测试。根据您的版本，您将看到工作热图，但使用 Microsoft Edge 进行测试，您看不到任何地图，或者您看不到任何热图，并且 Microsoft Edge 显示 ua 地图（也没有热量）。

4

1 回答 1

0

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

我用 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 更好的用户体验控制

享受使用现在可用于 GChrome、Opera、FireFox 和 Microsoft Edge 的 Heat 图层和 Draw 控件开发漂亮的地图！（尚未测试 IE 11 与角材料的许多其他冲突）

于 2017-01-27T12:07:19.770 回答