问题标签 [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 回答
514 浏览

ngx-leaflet - 如何将本地形状或 geojson 文件加载到 Asymmetrik/ngx-leaflet 中的传单中?

我正在使用 Asymmetrik/ngx-leaflet 构建一个基于地图的应用程序,该应用程序可以加载和查看外部形状文件。有没有办法显示本地形状文件?

0 投票
1 回答
2148 浏览

angular - 如何在 ngx-leaflet-draw 中获取多边形的位置坐标?

我为我的 angular6 项目集成了 ngx-leaflet-draw。我可以在地图上绘制多边形。但我不知道如何获取多边形位置坐标。我想通过执行数据库搜索来显示多边形内的用户。我去了通过官方文件,但它没有帮助我。

我的 app.component.ts 文件如下

我的 app.component.html 文件为:

第一次使用传单地图。

请帮我找到解决方案。

0 投票
1 回答
2086 浏览

angular - 传单 Property-Routing-does-not-exist-on-type-typeof-import

我发了一个帖子,但没有得到任何回复。我是传单的新手,不知道发生了什么或为什么。我相信我添加了文件说要添加的所有内容,但我仍然收到错误消息。

错误类型错误:无法读取未定义的属性“控制”

我的代码在这里:

0 投票
1 回答
1138 浏览

angular6 - 谷歌在 angular6 的传单中自动完成位置是否有替代方案?

我在一个 angular6 项目中工作。我需要以反应形式整合位置。谷歌地图需要付费,所以我的客户让我找一个开源的。我最终得到了ngx-leaflet。但我在 angular 的传单中找不到任何谷歌地方自动完成替代品。

我是 Angular 6 的初学者。

0 投票
1 回答
468 浏览

angular - 无法让 resetStyle 在 ngx-leaflet 中工作

我正在尝试使用 ngx-leaflet 在 Angular6 中做类似的事情,如下所述: https ://leafletjs.com/examples/choropleth/

我已经可以显示默认弹出窗口并更改样式onmouseover,但无法resetStyle正常工作。

我正在加载几个 GeoJSON 数据集并使用通用函数将它们添加为单独的层。使用这些图层,我想更改样式“onmouseover”并将其重置为“onmouseout”,当单击该功能时,我想在页面右上角的 div 中显示图表。此外,单击事件在我的代码中也不起作用。

我从后端获取 GeoJSON 数据的通用函数:

我的 onEachFeature 和样式功能:

任何帮助将非常感激。将示例从 leafletjs.com 转换为 Angular+ngx-leaflet 也会帮助像我这样的新手。

0 投票
1 回答
2285 浏览

angular - 如何在 ngx-leaflet 上更改坐标运行时?

有什么替代方法可以在运行时更改 ngx-leaflet 地图坐标?谷歌地图可以做到这一点,我正在尝试对传单做同样的事情。

初始设置后,leafletOptions 的更改将被忽略。这是因为这些选项被传递到地图构造函数中,因此无论如何都无法更改它们。因此,请确保在创建地图之前对象存在。您需要在 ngOnInit 中创建对象或使用 *ngIf 隐藏地图 DOM 元素,直到您可以创建选项对象。

零件:

html:

0 投票
2 回答
590 浏览

angular - 如何在 Angular6 上使用 colorFilter 和 ngx-leaflet

如何在 Angular 6 上使用Leaflet.TileLayer.ColorFilterngx-leaflet 之类的 Leaflet 插件?

我认为我的问题在于项目的导入,因为我想使用插件创建的函数,ColorFilter但该插件index.d.ts不是ngx-leaflet. 我对吗 ?如果是,我该如何解决?有没有办法在 ColorFilter 中贡献一个类型定义以便将来即插即用并帮助像我这样的其他人?你有一些文档吗?

这是我的实际失败:

app.module.ts

我在这里导入ngx-leaflet

.angular-cli.json

ColorFilter在这里我直接导入 JS 文件,因为我在插件中没有模块

我的.component.ts

错误

错误 TS2339:“typeof tileLayer”类型上不存在属性“colorFilter”。

0 投票
1 回答
6862 浏览

javascript - 传单 - 导入 Geojson - Angular 6

我尝试将 GeoJson 文件导入 Angular 应用程序 6 中的传单。

使用这个解决方案,我的 geojson 被绘制在小册子地图中,但我有这个错误,我无法构建我的应用程序。有人知道一种解决方案吗?

错误 TS2345 类型参数 '{"type": string;"features":({"type": string; "geometry": { "type: string : "coordinates": num...' 不是类型的可分配参数GeoJsonObject

模型.ts

https://raw.githubusercontent.com/alanent/france-geojson/master/regions/pays-de-la-loire/departements-pays-de-la-loire.geojson

组件.ts

也许,我可以隐藏错误?有什么办法?

0 投票
1 回答
413 浏览

angular - 将缩放范围添加到 ngx-leaflet 图层控件

我正在使用 ngx-leaflet v4.0.0 和 Angular v6.1.10。

我有一张带有几个底图和一些自定义叠加层的地图。我正在使用来自 ngx-leaflet 的 LayersControl。

用户如何轻松缩放到特定覆盖层的边界?我知道我可以这样做:

这是我的自定义按钮的点击功能。添加我的图层时,我将一个保存为我的主图层。

我希望在每个图层前面的图层控件中都有一个按钮,当单击时,地图会进入其边界。

这可以通过当前图层控件完成,还是我应该提交功能请求Asymmetrik

0 投票
0 回答
848 浏览

javascript - 在 Angular 6 框架中使用传单实现搜索输入

因此,我得到了在 Angular 应用程序中使用传单的任务,但遇到了一个我不知道如何解决的问题。我想做的是制作一个覆盖在地图顶部的搜索输入,使用时将搜索地理编码/geoJSON,并根据下拉列表的选择返回一个特定的标记。我能够在一张普通的传单地图上只使用 javascript 做到这一点。我无法以角度重新创建它。我在下面有以下代码。