Question

我有一个AngularJS（1.58）webapp，显示了一些ui-leaflet的地图。我已经成功集成了Leaflet.Heat插件。此外，我已成功集成Leaflet.Draw插件。

问题： 在Im使用Plugin，Heat和Draw的那一刻，我的webapp不再在微软浏览器（Microsoft Edge，Internet Explorer 11）上显示任何地图。我试图使用这些插件的发行版本的不同组合来使其适用于每个常见的浏览器。当我将传单地图重新用于Microsoft Edge时，Heat Plugin不再有效（不仅是ME，也不是Opera，Firefox，GChrome）。

总结：最新版本的ui-leaflet，Leaflet，ui-leaflet-draw和Leaflet.Heat 在谷歌Chrome，Firefox，Opera上一起工作得很好。但是对于Microsoft Edge，这些地图完全消失了。旧版本再次为Microsoft Edge显示地图，但热插拔不再适用于任何浏览器。

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

重现的步骤： 下载Leaflet.Heat example。将ui-leaflet-draw整合为Librarys（例如通过凉亭）。使用Google Chrome，Firefox或Opera进行测试。根据你的版本，你要么看到工作热图，但是使用Microsoft Edge测试你没有看到任何地图 OR 你看不到任何热图，而微软边缘显示ua map（也没有加热）。

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也正常工作，并且具有更好的用户expierence控制，然后是0.7.x

使用Heat图层和Draw控件开发漂亮的地图，现在适用于GChrome，Opera，FireFox和Microsoft Edge！（没有用角度材料测试IE 11因为很多其他冲突）

ui-leaflet Heat Plugin与微软浏览器的ui-leaflet-draw冲突

1 个答案: