问题标签 [ngx-leaflet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
884 浏览

leaflet - 在 dragend 事件后更改leafletLayers

我需要删除所有的leafletLayers 并在“dragend”事件之后添加其他的。所以,我进行如下:

mapParent.component

地图组件

这是正确的方法吗?

问候。

0 投票
1 回答
1071 浏览

leaflet - geoJSON onEachFeature 鼠标事件

我有一个问题,我尝试将 onEachFeature 方法用于 geoJSON 层。我尝试为每个功能分配一个点击监听器。问题是,当我单击某个功能时,我总是会收到该错误:

未捕获的类型错误:无法读取未定义的属性“detectChanges”

我可以想到这是因为在构造函数运行之前分配了图层,但是在 ngOnInit 函数中这样做也不会起作用。如果有一个好的方法来做到这一点会很酷:)

0 投票
1 回答
753 浏览

cursor - 如何使用 ngx-leaflet 更改默认光标?

我尝试更改为光标以实现与本示例中所示的传单绘制的流体集成。

https://leaflet.github.io/Leaflet.draw/docs/examples/popup.html

当光标在图像上时,它会张开手。当光标在绘图上时,它是一个指针。

不幸的是,这里描述的标准传单技术都不起作用。

如何更改传单地图中的默认光标?

有人知道如何使用 ngx-leaflet 做到这一点吗?

0 投票
1 回答
759 浏览

angular - 为角度4导入Leaflet Draw NGX

我按照主 git 中的步骤操作: https ://github.com/Asymmetrik/ngx-leaflet

首先我安装了所需的库(leaflet、leaflet-draw、leaflet-ngx 和 leaflet-draw-ngx)

然后我在 app.module 中声明了所需的指令导入。

在我看来,我设置了以下内容:

但我收到以下错误:

我是 Angular 4 的新手,我做错了什么?还是与ES版本有关?

0 投票
1 回答
1853 浏览

leaflet - 放大传单地图时获取标记列表

我是传单的新手。我已经按照https://github.com/Asymmetrik/ngx-leaflet上的步骤设置了地图

我正在尝试获取地图放大区域中的标记列表,这些标记列表可用于使对象聚焦。如何使用角度 4 中的 ngx-leaflet 执行此操作?

0 投票
1 回答
3798 浏览

angular - 无法创建 GeoJSON 图层

我正在开发一个使用传单地图显示一些图层的角度应用程序,并且我正在尝试使用 GeoJSON,但我无法创建 L.geoJSON 图层。我正在尝试添加一个点,我发现的每一个资源都告诉我创建这个结构:

但是当我提供应用程序时,我收到了这个错误:

唯一的其他属性typebbox?.

我确定我做错了什么,但我真的不明白是什么。

使用

0 投票
0 回答
2917 浏览

angular - Angular 5 Leaflet 实时集成更新标记问题

我有这个服务,它通过使用对我的 API 的 GET 请求来观察时间间隔的变化:

使用的包: https ://github.com/Asymmetrik/ngx-leaflet

Coords.ts 模型

地图服务.ts

这是地图组件:

map.component.ts

map.component.html

每次data包含lat,lng刷新的时候,旧标记都不会被删除。如果我设置this.markers = []的是一种解决方法,但如果用户单击标记,则弹出窗口将保持打开状态 2 秒(直到新数据出现)。当新数据进入时,我如何保持弹出窗口处于打开状态?

问题预览:(我只是点击了一次,当新数据进来时弹出窗口自动消失)

在此处输入图像描述

编辑:

除此之外,如果新数据与旧数据相同,是否有办法告诉 observable 停止/暂停流式传输?

0 投票
1 回答
927 浏览

angular5 - 如何在 ngx-leaflet 中使用leaflet-extra/leaflet-providers?

我怎样才能leaflet-extra/leaflet-providers使用ngx-leaflet. 一个简单的例子会很好。我安装了传单、@types/leaflet、ngx-leaflet、leaflet-providers、@types/leaflet-providers,但我无法弄清楚如何将 ngx-leaflet 与 tileLayer.providers('ProviderId') 链接起来。应该有一个.addTo(???map???)电话。谢谢。

0 投票
1 回答
3704 浏览

angular - 使用 ngx-leaflet、HTTPClient 和 Angular2+ 将 GeoJSON 数据获取到 Leaflet Map

我正在使用 ngx-leaflet 演示尝试从获取请求中获取 GeoJson 以显示在 LeafLet Map 上。我已经使用 http://geojson.io/ 构建了一个有效的 GeoJson,并使用http://geojsonlint.com/仔细检查了它 (感谢那些工具家伙)

我们在编译或控制台日志中显示没有错误。服务很好,但我们的 geojson 对象无处可寻。

我只是想在地图上显示 geojson 数据。任何帮助或建议表示赞赏。

状态组件

0 投票
1 回答
3299 浏览

angular - 如何在 Angular 和 ngx-leaflet 编写的传单地图中添加图例

我正在尝试向 Asymmetrik/ngx-leaflet 创建的地图添加图例。该地图是按照 https://github.com/Asymmetrik/ngx-leaflet中的教程创建的。有两个不同的层,每一层应该有一个不同的图例。该代码是使用 Angular CLI 和传单制作的。有一个地图组件。map.component.ts 文件如下:

图例不会出现在页面上。控制台显示以下错误:无法读取未定义的属性“bottomright”,如下图所示:

在此处输入图像描述

地图显示正确,但没有图例。如果您告诉我我的代码有什么问题以及为什么没有显示图例,我将不胜感激。感谢您的关注。