问题标签 [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.
angular - 'L' 指的是 UMD 全局 - 编译错误
我在我的项目中使用插件ngx-leaflet和angular-cli。
我正在尝试使用文档中描述的传单,例如:
问题是当我尝试编译时出现以下错误:
编译:
这里的上下文:
我确实尝试L
使用以下方式以不同方式导入:
import { LeafletModule } from '@asymmetrik/ngx-leaflet';
但我在文档和github中找不到任何东西。
我确实删除了模块 atm 进行编译,但我需要一个解决方法。
这是package.json
我使用的:
这是我的组件内的代码,用户'L'
:
这里将模块导入我的项目:
angular - Angular4中的传单地图抛出错误
模板 :
我已经安装了传单和传单的打字。当出现错误提示找不到地图容器时,我添加了它的导入。
控制器 :
我不确定这是否是在打字稿中传递访问令牌和初始化变量的方法,因为我是按照使用常规 Javascript 的教程编写此代码的。
javascript - 传单自定义控件 - Angular 2+
我需要在我的 Angular2+ 组件中集成一个自定义表单控件:
.hmtl 文件是这样的:
.css:
在传单文档中,它是用 JS 编写的,如下所示:
为什么我的 onMapReady 中不能集成 addTo 方法?我没有收到任何错误,但我的地图上没有显示任何内容。
ngx-leaflet - 通过 Leaflet marker.on('click', ...) 访问 Angular 组件变量
我正在使用 ngx-leaflet 在 Angular 应用程序中呈现地图。我在单击时使用 EventListener 向图层添加标记,如下所示:
onClick 是:
我希望单击标记将 showQuestion Boolean 设置为 true,但上下文this
与 Angular 组件无关,而是与 Leaflet 事件相关。
如何访问 Angular 组件this
而不是 Leaflet this
?
leaflet - 无法绑定到“leafletMarkerCluster”,因为它不是“div”的已知属性
我在 Angular 5 应用程序中使用 ngx-leaflet-markercluster。我根据演示更改了代码,但仍然出现以下错误:
无法绑定到“leafletMarkerCluster”,因为它不是“div”的已知属性。
有任何想法吗?有人试过v1.0.0吗?
leaflet - GeoJson 造型 Asymmetrik/ngx-leaflet
嗨,我对 Asymmetrik/ngx-leaflet geojson 解释有疑问。
我的 geojson 是自动生成的,颜色和不透明度对应于地图信息。每个 geojson 都是一个 FeatureCollection,其中包含多个不同样式的多边形。
我尝试了不同的选项,我发现可以设置多边形的样式,但它们似乎都不起作用。
示例geoJson:
我一直在尝试多种似乎对人们有用的选择。在 ngx-leaflet 文档中,geojson 内部也没有任何样式。
我应该如何设置上面的样式以使 ngx-leaflet 显示正确的颜色、笔触和不透明度?
ngx-leaflet - 是否可以向leaflet.circle 添加标签?
这有效,并在地图上放置了一个圆圈
ngx-leaflet 中是否有任何控件(或 trix)可以让我做这样的事情?
与https://github.com/w8r/leaflet-labeled-circle的工作方式相同。
或者 - 我应该如何将传单标签圈与 ngx 传单一起使用?
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",
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