代码之家 › 专栏 › 技术社区 › MojioMS

ui传单热插件与microsoft浏览器的ui传单绘制冲突

ui-leaflet leaflet.draw heatmap

3

MojioMS · 技术社区 · 8 年前

我有一个AngularJS(1.58)网络应用程序,显示了一些地图 ui-leaflet . 我集成了 Leaflet.Heat 插件,成功。此外,我还集成了 Leaflet.Draw 插件成功。

问题: 当我同时使用插件、加热和绘图时,我的Web应用程序在microsoft浏览器(microsoft Edge、Internet Explorer 11)上不再显示任何地图。我曾尝试使用这些插件的不同版本组合,以使其在每个常见浏览器上工作。当我把传单地图带回Microsoft Edge时,热插件不再工作了(不仅是我,也不是Opera、Firefox、GChrome)。

总结如下: 最新版本的ui传单、传单、ui传单绘制和传单。热在Google Chrome、Firefox和Opera上合作良好。但微软Edge的地图正在完全消失。旧版本再次显示了Microsoft Edge的地图,但热插件不再适用于任何浏览器。

问题: 对于所有这些浏览器(比如Google Chrome、Firefox、Opera和Microsoft Edge),这些工具的版本是否可以同时使用?如果是,它们的版本是什么?如果没有,是否有推荐的解决方法?也许还有其他插件,我可以用它们来绘制或显示漂亮的热图?

复制步骤: 下载 Leaflet.Heat example .将ui传单绘制集成为库(例如,通过bower)。使用Google Chrome、Firefox或Opera进行测试。根据您的版本,您可能会看到工作热图,但使用Microsoft Edge测试时,您不会看到任何热图或你看不到任何热图,微软edge为你显示了一个热图(也没有热图)。

1 回复 | 直到 8 年前

1

0

MojioMS 8 年前

好吧,我把重点放在我的问题上,找到解决方案。

我用传单替换了ui传单绘制。Draw插件和所有3个插件的组合适用于所有浏览器(只要我使用正确的版本)。这是我凉亭里的。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"
  }

更新:宣传册1.0.3也工作,比0.7.x有更好的用户体验控件

享受为GChrome、Opera、FireFox和Microsoft Edge开发具有热层和绘图控件的精美地图!(尚未测试IE 11,因为与角材料存在许多其他冲突)