问题标签 [ngx-leaflet]

我想将热图放在 ngx 传单地图上（使用角度），如下图所示。

我怎样才能做到这一点？

这是示例的演示。

我在传单库中的标记上添加动画时遇到问题

我用

HTML：

我尝试使用https://github.com/mapshakers/leaflet-icon-pulse

但它不起作用。

所以你知道我该怎么做吗？

当我把它放在 .css 文件中时，className在 Icon 或被divIcon忽略的另一个

我是一个完整的菜鸟，所以请多多包涵-

目前用户可以添加标记，我的计划是使用ondraw事件来获取标记 lat/lng 并将其存储在 mongodb 中，但是我不知道如何获取单个 markerID -._leaflet_id为每个标记返回相同的 id。但是，如果我使用类似的方法为标记生成 id，Date.now()如果用户点击标记，我如何从 db 中获取该 id？每个标记都必须是唯一的，因为每个标记都有不同的重定向onclick()。

谢谢

我将传单与 Angular 包ngx-leaflet一起使用，只是试图在我的 LayersControl 中为 ImageOverlays 获取我的图层，因此我可以根据复选框在地图中显示或隐藏该图层。不知何故，它不像文档中描述的那样工作。

有人可以帮我弄这个吗？

..这是我的 html 模板：

..这是组件：

我有一个放置了几个 ImageOverlays 的 LayerGroup。这些都显示正确。

现在我希望能够在 LayersControl 中显示和隐藏这个 LayerGroup。

我的 LayerGroup 是在这样的函数中定义的：

如果我将此 LayerGroup 添加到我现有的和工作的叠加对象中，我会收到一条错误消息：

我在浏览器中收到此错误消息：

MapViewComponent.html：1 错误类型错误：无法在 Leaflet-control-layers.wrapper 的 NewClass.addOverlay (leaflet-src.js:5005) 的 NewClass._addLayer (leaflet-src.js:5101) 处读取未定义的属性“on” .js:52 at DefaultKeyValueDiffer.push../node_modules/@angular/core/fesm5/core.js.DefaultKeyValueDiffer.forEachAddedItem (core.js:19640) 位于 Leaflet-control-layers.wrapper.js:51 位于 ZoneDelegate.push ../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) 在 Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone. js:150) 在 NgZone.push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular (core.js:17248) 在 LeafletControlLayersWrapper.push../node_modules/@asymmetrik/ngx-leaflet/ dist/leaflet/layers/control/leaflet-control-layers.wrapper.js。LeafletControlLayersWrapper.push../node_modules/@asymmetrik/ngx-leaflet/dist/leaflet/layers/control/leaflet-control-layers.wrapper.js 的 LeafletControlLayersWrapper.applyChanges (leaflet-control-layers.wrapper.js:41)。 LeafletControlLayersWrapper.applyOverlayChanges (leaflet-control-layers.wrapper.js:32)

如果我删除线..

..从 ol 对象开始，一切正常。

有任何想法吗？

更新

我正在尝试将 Stamen 地图与 ngx-leaflet 一起使用。集成传单的文档在这里。我不确定如何将它与 ngx-leaflet 集成。有没有办法L在 ngx-leaflet 中获取对传单、对象的引用？有没有更好的方法将瓷砖从openstreetmap更改为雄蕊？

我想用 ngx-leaflet 显示地图并将其用于使用 Angular Elements 构建的 Web 组件中。我面临的问题是与地图交互后新的图块没有呈现在屏幕上。

我已禁用区域并正在运行手动更改检测。我确实看到网络选项卡中加载了新的磁贴，但它们没有出现在屏幕上。我已手动将传单 css 复制到组件 css 文件中。

我按照本课配置 Angular Elements：https ://angularfirebase.com/lessons/angular-elements-advanced-techniques/

这是带有代码的 Stackblitz：https ://stackblitz.com/edit/map-element

我正在为传单使用 ngx-leaflet 插件。我已经设置了基础层并添加了一个事件监听器leafletMapReady。在我的处理程序中，我尝试添加一个标记和一个自定义弹出窗口。处理程序的代码如下：

m对象在哪里{lat, lon, num}。在我的 HTML 中，我有：

当我打开我的地图时，没有标记。我检查了控制台和编译日志，没有错误。我做错了什么？

编辑 1

根据@reblace 的建议，我尝试将标记作为一个单独的数组。这是我的代码：

我不知道如何调试地图；我使用了firefox和chrome并检查了日志，没有错误

我正在使用LeafletJS地图。我需要使用图像叠加层。我已经这样做了：

我可以看到如下的小图像叠加。但是我怎样才能在整个屏幕上显示它呢？我认为这里的问题是设定界限。但是我该如何设置呢？我有中心 "lat": "35.335847", "lon": "25.338072",如果这是中心（即带箭头），那么如何显示整个页面的图像？关于如何设置界限并找出那些lat和的任何线索lon？

注意我在这里使用ngx-leaflet和 Ionic 4

我leaflet + leaflet-draw + @ngx-leaflet + @ngx-leaflet-draw在 Angular 应用程序中使用。

我已经尝试了一切，版本更改，导入模块.forRoot()而不是，在我的文件中添加 js 文件angular.json，删除 node_modules，重新安装它们，从头开始遵循@ngx-leaflet-draw 上的指南一百次。

无论我做什么，当我尝试绘制一个矩形时，它总是会抛出这个错误：

即使处理程序存在并且所有处理程序都可以正常工作，除了矩形一个（我唯一需要的）

如果不是为了这个，我什至不知道如何为您提供更具体的信息：

• leaflet：1.5.1
• leaflet-draw：1.0.4
• @asymmetrik/ngx-leaflet：6.0.1
• @asymmetrik/ngx-leaflet-draw：5.0.1

我被这个愚蠢的错误困住了，我不知道如何克服它。请帮忙！

这是演示的回购：https ://github.com/caiusCitiriga/leaflet-rect-drawer