Trung tâm cá nhân
sách gpt4 ai đã đi

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

In lại 作者：行者123 更新时间：2023-12-02 20:21:04 32 4
mua khóa gpt4 Nike

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

câu hỏi:当我同时使用插件、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 插件不再在任何浏览器上运行。

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

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

1 Câu trả lời

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

我用 leaflet.Draw 插件替换了 ui-leaflet-draw ，这三个插件的组合适用于所有浏览器(只要我使用正确的版本)。所以它们来 self 的 Bower.json 项目文件:

"phụ thuộc": {
    "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 存在许多其他冲突)

关于heatmap - ui-leaflet Heat 插件与 Microsoft 浏览器的 ui-leaflet-draw 冲突，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41521913/

32 4 0
Bài viết được đề xuất: google-apps-script - 连接 Google 表格中的两个范围
Bài viết được đề xuất: .net - Sự khác biệt giữa .NET và ASP.NET là gì?
Bài viết được đề xuất: 批处理脚本中的 AWK 等效项
Bài viết được đề xuất: r - 在 1 个变量和变量列表之间执行所有可能的线性回归
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com