问题标签 [ui-leaflet]

我正在为我们的 Angular 项目使用 ui-leaflet。我们也有 Leaflet.heat 来创建热图。

问题是每当数据更新时，圆圈标记上的事件就会停止工作。

我面临的其他小问题是热图不会更新，除非我使用超时。不知道我做错了什么，任何帮助表示赞赏。

我创建了一个示例jsfiddle。http://jsfiddle.net/srs/13s1fy02/2/

我在 ui 传单插件中遇到了圆形标记的问题。当有人单击一个圆圈时，我会弹出弹出窗口，但是如果我在地图中的圆圈之外单击，然后尝试再次单击圆圈，则不会出现弹出窗口。

你能建议可能是什么问题吗？有什么解决方法吗？

重现步骤

1. 在地图中单击一个圆圈标记
2. 将圆圈标记移出地图范围
3. 然后尝试单击不会出现弹出窗口的任何其他标记
4. 如果我在圆圈外单击并再次单击圆圈，则会再次出现弹出窗口

以下是代码片段，如果您需要完整代码，请访问此 github 链接

https://github.com/Umamaheswaran1990/learningleaflet

HTML

JS

我在 Spring MVC Framework 应用程序中使用 Leafletjs。我想使用自定义图标，将服装图像用于不同的图标。

这是我的项目的层次结构：

这里的代码

如果我不自定义图像，我会看到默认标记图标在这里并且完美显示：

但是对于自定义的，我尝试了几件事但没有成功：

在我的脚本的内部内容中添加一个 alert('${pageContext.request.contextPath})' 以查看它解决了什么，消息是我的应用程序的内容名称： /myApp-1.0-SNAPSHOT

我也试过

它也不起作用，即使在 JSP 中也能完美运行

在 HTML 中，我的地图被定义为

在控制器中，我扩展了角度范围，以定义边界和层。我不知道如何访问传单地图，以便向其中添加 OverlayItems。目前我已经创建了一个矩形，但它没有显示在地图上。

运行代码时确实出现此错误：

尝试单击或拖动地图时，我不断收到此错误消息。双击工作正常。

有时它会让我拖动地图，然后几秒钟后就会收到消息。它开始出现后，我无法摆脱它。

我将这个 ui-leaflet@1.0.2 与传单 0.7.7 一起使用，我也尝试使用传单 1.0.0。

我的应用中有两张地图，分别位于不同的控制器和不同的页面上。（使用离子）

这可能与它有关吗？

我用它来捕捉点击事件，但它似乎也不起作用，当我点击而不是响应事件时，它会出现上述消息。

我仍然可以点击标记并且它们的弹出窗口出现，我可以双击缩放。只是似乎拖动并单击不想正常工作。

如果我删除第二张地图，我仍然会在第一张地图上遇到同样的错误。

我的地图设置

并在 html

I have to create a non-default markerCluster color. I have checked the API and it seems that they suggest modifying a divIcon after creation (I believe, I am learning Leaflet, ui-leaflet, MarkerCluster all at the same time) to something like this:

https://github.com/Leaflet/Leaflet.markercluster

The way I was populating data was on creation, something closer to this:

which I kinda stole from a similar (and forked break off) site: https://github.com/tombatossals/angular-leaflet-directive/blob/master/examples/0216-layers-overlays-markercluster-example.html I was attempting to add an icon property with separate colors to no avail. I am attempting to change the color when multiple types are clustered together. Any help would be appreciated.

Thanks in advance.

我有一个 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 地图（也没有热量）。

我正在使用角度传单，传单绘制，并且我正在尝试获取一个圆形（或其他绘制的对象）对象，以查看地图上的某个点是否超时出现在其中。我需要在单独的服务中使用它。如何访问已经在我的角度代码中其他地方绘制的对象的数据？

我正在尝试使用 ui-leaflet 和 ui-leaflet-layers 设置 Here Maps。这是我编写图层的方式。地图容器已加载，但没有地图。你能帮忙吗？谢谢。

我正在为应用程序使用传单 js + ui-leaflet。

我将传单 js 版本从 更新0.7.7为1.0.0.

现在我的多边形路径变得不可点击。我尝试在提供路径选项时提供interactive,clickable和bubblingMouseEvents标志，但无济于事。

我需要做些什么来确保触发点击事件吗？我特别注意到“leafletDirectivePath”事件没有被触发。

唯一的变化是将传单 js 库版本从 0.7.7 更改为 1.0.0。

我也尝试过使用其他版本的 ui-leaflet，包括 3.0.0 和 2.0.0。提前致谢 ：） 。