Questions tagged [ngx-leaflet]

Leaflet components for Angular.io published to npm under @asymmetrik/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; …
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…
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