Leaflet components for Angular.io published to npm under @asymmetrik/ngx-leaflet
Questions tagged [ngx-leaflet]
149 questions
1
vote
1 answer
geoJSON onEachFeature Mouse Event
I have a problem where i try to use the onEachFeature Methode for a geoJSON Layer. I try to assign a click listener to every Feature.
The problem is that i always get that error when i click at a feature:
Uncaught TypeError: Cannot read property…

TheSorm
- 137
- 12
1
vote
1 answer
Change leafletLayers after a dragend event
I need to delete all the leafletLayers and add others after a 'dragend' event. So, i proceeded as below :
mapParent.component
template: ' '
...
markers: L.Layer[] =…

aguetat
- 514
- 4
- 18
1
vote
1 answer
Is it possible to add a label to a leaflet.circle?
This works, and places a circle on the map
layers = [circle([ 46.95, -122 ], { radius: 5000 })];
Are there any controls (or trix) in ngx-leaflet that would let me do something like this?
layers = [circle([ 46.95, -122 ], { radius: 5000, label:'my…
1
vote
1 answer
GeoJson styling Asymmetrik/ngx-leaflet
Hi I have a problem with Asymmetrik/ngx-leaflet geojson interpretation.
My geojson is automatically generated with color and opacity corresponding to the map information. Each geojson is a FeatureCollection with multiple Polygons differently…

Slavomir
- 31
- 4
1
vote
1 answer
Template parse errors - leafletOptions
I'm trying to follow the example and getting the following error:
ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'leafletOptions' since it isn't a known property of 'div'. ("

pk.
- 956
- 7
- 13
1
vote
2 answers
Leaflet Map in Angular4 throwing errors
template :
I have installed leaflet and the typings for leaflet. When an error showed up saying map container was not found, i added it 's import.
controller :
import { Component, OnInit,…

Dilip Kunderu
- 15
- 2
- 3
0
votes
1 answer
Configuring ngx-leaflet to use the leafletLayers option?
Trying to get the [leafletLayers] option to work with ngx-leaflet.
I created a demo of this on Github, because Stackblitz is currently not loading leaflet correctly.
The demo works fine with the geo json data being added via the leaflet API after…

Ole
- 41,793
- 59
- 191
- 359
0
votes
0 answers
ngx-leaflet-markercluster freezes after changing layer
Good afternoon!
Browser page freezes after I try to draw new markercluster after I change layer.
What could be the reason? What am I doing wrong?
Task: by pressing the button, the tayer of the map should be selected, and then a group of markers…

Geri4
- 167
- 7
0
votes
0 answers
Leaflet Countries JSON Collection
The NGX Admin project has this Leaflet countries.geo.json FeatureCollection file in the Angular assets folder.
This is a subsection of it:
{"type":"FeatureCollection","features":[
…

Ole
- 41,793
- 59
- 191
- 359
0
votes
0 answers
Angular - Can Leaflet measurement tool mute a layer's interactivity?
I'm using Leaflet.Measure for measuring areas and distances and I also have several layers on a map. When you click on a layer, the onclick function is being fired and a popup appears. When I start to measure a new area and click on a map layer, the…
0
votes
1 answer
How can I show the polygon coordinates by popup in Angular?
here is the function of drawing polygon in leaflet map.
onDrawCreated(e: any) {
const { layerType, layer } = e;
if (layerType === "polygon") {
const polygonCoordinates = layer._latlngs;
…

Nil
- 3
- 2
0
votes
1 answer
Angular no recognizing Leaflet TimeDimension
I have installed leaflet-timedimension on an Angular project. I am using ngx-leaflet. I am not able to work with the geoJson time dimension, it seems that angular does not recognize the leaflet-timedimension plugin.
I receive this error: ERROR…

Domenico Rossi
- 13
- 6
0
votes
0 answers
Edit and Delete doesn't work for Angular Leaflet
I am trying to edit and delete the shapes that I draw on the leaflet map. However, when I active the edit or draw, nothing happens and I am unable to edit the shape. I am currently importing leaflet and leaflet-draw into my application:
import * as…

fairlyMinty
- 413
- 8
- 22
0
votes
1 answer
Adding env to options when doing L.tileLayer.wms for leaflet
I have an application using ngx-leaflet, Leaflet for Angular, and I'm trying to do a L.titleLayer.wms but adding an extra option to tileLayer.wms. It looks likes this:
L.tileLayer.wms(url, {
layers: layerName,
format: 'image/png8',
…

fairlyMinty
- 413
- 8
- 22
0
votes
1 answer
Ngx-Leaflet: Invert the layer rendering on map
I'm using the ngx-leaflet package for map in angular application. I have configured some layers in geoserver and applied those layers in the map.
Example Layers:
Current
Pending
Historic
While rendering these layers in map. At first it renders…

shoban m.r
- 36
- 6