问题标签 [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 投票
2 回答
15376 浏览

angular - 'L' 指的是 UMD 全局 - 编译错误

我在我的项目中使用插件ngx-leafletangular-cli

我正在尝试使用文档中描述的传单,例如:

在此处输入图像描述

问题是当我尝试编译时出现以下错误:

在此处输入图像描述

编译:

这里的上下文:

在此处输入图像描述


我确实尝试L使用以下方式以不同方式导入:

import { LeafletModule } from '@asymmetrik/ngx-leaflet';

但我在文档和github中找不到任何东西。

我确实删除了模块 atm 进行编译,但我需要一个解决方法。

这是package.json我使用的:

在此处输入图像描述


这是我的组件内的代码,用户'L'

这里将模块导入我的项目:

0 投票
2 回答
2586 浏览

angular - Angular4中的传单地图抛出错误

模板 :

我已经安装了传单和传单的打字。当出现错误提示找不到地图容器时,我添加了它的导入。

控制器 :

我不确定这是否是在打字稿中传递访问令牌和初始化变量的方法,因为我是按照使用常规 Javascript 的教程编写此代码的。

0 投票
1 回答
1618 浏览

javascript - 传单自定义控件 - Angular 2+

我需要在我的 Angular2+ 组件中集成一个自定义表单控件:

.hmtl 文件是这样的:

.css:

在传单文档中,它是用 JS 编写的,如下所示:

为什么我的 onMapReady 中不能集成 addTo 方法?我没有收到任何错误,但我的地图上没有显示任何内容。

0 投票
1 回答
3052 浏览

ngx-leaflet - 通过 Leaflet marker.on('click', ...) 访问 Angular 组件变量

我正在使用 ngx-leaflet 在 Angular 应用程序中呈现地图。我在单击时使用 EventListener 向图层添加标记,如下所示:

onClick 是:

我希望单击标记将 showQuestion Boolean 设置为 true,但上下文this与 Angular 组件无关,而是与 Leaflet 事件相关。

如何访问 Angular 组件this而不是 Leaflet this

0 投票
1 回答
3528 浏览

leaflet - 无法绑定到“leafletMarkerCluster”,因为它不是“div”的已知属性

我在 Angular 5 应用程序中使用 ngx-leaflet-markercluster。我根据演示更改了代码,但仍然出现以下错误:

无法绑定到“leafletMarkerCluster”,因为它不是“div”的已知属性。

有任何想法吗?有人试过v1.0.0吗?

0 投票
1 回答
678 浏览

ngx-leaflet - 模板解析错误 - LeafletOptions

我正在尝试遵循示例并收到以下错误:

这是我的环境:

我假设这必须很简单,但这是我第一次使用最新版本的 angular。

0 投票
1 回答
842 浏览

leaflet - GeoJson 造型 Asymmetrik/ngx-leaflet

嗨,我对 Asymmetrik/ngx-leaflet geojson 解释有疑问。

我的 geojson 是自动生成的,颜色和不透明度对应于地图信息。每个 geojson 都是一个 FeatureCollection,其中包含多个不同样式的多边形。

我尝试了不同的选项,我发现可以设置多边形的样式,但它们似乎都不起作用。

示例geoJson:

我一直在尝试多种似乎对人们有用的选择。在 ngx-leaflet 文档中,geojson 内部也没有任何样式。

我应该如何设置上面的样式以使 ngx-leaflet 显示正确的颜色、笔触和不透明度?

0 投票
1 回答
859 浏览

ngx-leaflet - 是否可以向leaflet.circle 添加标签?

这有效,并在地图上放置了一个圆圈

ngx-leaflet 中是否有任何控件(或 trix)可以让我做这样的事情?

与https://github.com/w8r/leaflet-labeled-circle的工作方式相同。

或者 - 我应该如何将传单标签圈与 ngx 传单一起使用?

0 投票
2 回答
2748 浏览

angular - 点击事件上的坐标

我是@asymmetrik/ngx-leaflet 和 Angular 的新手,所以这可能只是一个新手问题......

我有一个使用@asymmetrik/ngx-leaflet-tutorial-ngcli的 Angular.io (v5) 项目

现在我想获取我在地图上单击的点的坐标。根据问题 #51 获取点击坐标?,我添加了这个:

至:

这给了我一个运行时错误: Cannot find name 'e'.

哪种对我有意义。因此,我将代码更改为:

map.on('click', (e) => { console.log(e.latlng); });

但这也给了我一个错误:Property 'latlng' does not exist on type 'LeafletEvent'

当我将 e 放到控制台时,console.log(e)我可以看到 latlng-Property 存在......为什么我不能访问坐标e.latlng

我的项目正在使用:

“@angular/cli”:“1.4.7”,
“@asymmetrik/ngx-leaflet”:“^2.5.1”,
“@types/leaflet”:“^1.2.0”,
“leaflet”:“^1.2 .0",

0 投票
1 回答
1148 浏览

angular - 使用生产构建时的 ngx-leaflet angular 5 地图图块问题

我对 Angular 很陌生,并使用传单插件构建了我的第一个 Angular 应用程序。在使用生产构建之前,一切都按预期工作:

ng s --target=production 或者 ng build --target=production

传单地图容器并非显示所有地图图块和/或错误的行、列。我试图用 map.invalidateSize() 强制地图重绘;在 onMapReady(..) 但没有成功。

(leafletMapReady)="onMapReady($event)

组件本身根据 *ngIf 条件显示:

我实际上不知道从哪里开始调查,只是猜测它与 webpack 和魔法捆绑的东西有关。

在 angular-cli.json 我添加了传单 css