问题标签 [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.
leaflet - 在 dragend 事件后更改leafletLayers
我需要删除所有的leafletLayers 并在“dragend”事件之后添加其他的。所以,我进行如下:
mapParent.component
地图组件
这是正确的方法吗?
问候。
leaflet - geoJSON onEachFeature 鼠标事件
我有一个问题,我尝试将 onEachFeature 方法用于 geoJSON 层。我尝试为每个功能分配一个点击监听器。问题是,当我单击某个功能时,我总是会收到该错误:
未捕获的类型错误:无法读取未定义的属性“detectChanges”
我可以想到这是因为在构造函数运行之前分配了图层,但是在 ngOnInit 函数中这样做也不会起作用。如果有一个好的方法来做到这一点会很酷:)
cursor - 如何使用 ngx-leaflet 更改默认光标?
我尝试更改为光标以实现与本示例中所示的传单绘制的流体集成。
https://leaflet.github.io/Leaflet.draw/docs/examples/popup.html
当光标在图像上时,它会张开手。当光标在绘图上时,它是一个指针。
不幸的是,这里描述的标准传单技术都不起作用。
有人知道如何使用 ngx-leaflet 做到这一点吗?
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版本有关?
leaflet - 放大传单地图时获取标记列表
我是传单的新手。我已经按照https://github.com/Asymmetrik/ngx-leaflet上的步骤设置了地图
我正在尝试获取地图放大区域中的标记列表,这些标记列表可用于使对象聚焦。如何使用角度 4 中的 ngx-leaflet 执行此操作?
angular - 无法创建 GeoJSON 图层
我正在开发一个使用传单地图显示一些图层的角度应用程序,并且我正在尝试使用 GeoJSON,但我无法创建 L.geoJSON 图层。我正在尝试添加一个点,我发现的每一个资源都告诉我创建这个结构:
但是当我提供应用程序时,我收到了这个错误:
唯一的其他属性type
是bbox?
.
我确定我做错了什么,但我真的不明白是什么。
使用
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 停止/暂停流式传输?
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???)
电话。谢谢。
angular - 使用 ngx-leaflet、HTTPClient 和 Angular2+ 将 GeoJSON 数据获取到 Leaflet Map
我正在使用 ngx-leaflet 演示尝试从获取请求中获取 GeoJson 以显示在 LeafLet Map 上。我已经使用 http://geojson.io/ 构建了一个有效的 GeoJson,并使用http://geojsonlint.com/仔细检查了它 (感谢那些工具家伙)
我们在编译或控制台日志中显示没有错误。服务很好,但我们的 geojson 对象无处可寻。
我只是想在地图上显示 geojson 数据。任何帮助或建议表示赞赏。
状态组件
angular - 如何在 Angular 和 ngx-leaflet 编写的传单地图中添加图例
我正在尝试向 Asymmetrik/ngx-leaflet 创建的地图添加图例。该地图是按照 https://github.com/Asymmetrik/ngx-leaflet中的教程创建的。有两个不同的层,每一层应该有一个不同的图例。该代码是使用 Angular CLI 和传单制作的。有一个地图组件。map.component.ts 文件如下:
图例不会出现在页面上。控制台显示以下错误:无法读取未定义的属性“bottomright”,如下图所示:
地图显示正确,但没有图例。如果您告诉我我的代码有什么问题以及为什么没有显示图例,我将不胜感激。感谢您的关注。