Questions tagged [ngx-leaflet]

Leaflet components for Angular.io published to npm under @asymmetrik/ngx-leaflet

149 questions
0
votes
1 answer

How to add pulse animation in asymmetric on marker

I`ve problem with adding animation on marker in leaflet lib I use new L.Icon({ iconUrl: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png', shadowUrl:…
Arek Szumacher
  • 348
  • 1
  • 4
  • 14
0
votes
1 answer

Map scrolling performance issue when using vectorGrid with ngx-leaflet

I'm using Leaflet + VectorGrid + ngx-leaflet to display vectorial tiles on a map in an Angular app. However when too much points are displayed, scrolling becomes really laggy and impossible. Reducing the number of points improves the situation. The…
bagage
  • 1,094
  • 1
  • 21
  • 44
0
votes
2 answers

Change radius using heatmap.js plugin with ngx-leaflet map in Angular project

I am using the heatmap.js library with @asymmetrik/ngx-leaflet in an Angular project in order to display a heatmap of the user's locations. I use the bounds of the map to create a polygon and with it bring the aggregated count of the positions…
Ana Laura T.
  • 510
  • 2
  • 9
  • 21
0
votes
0 answers

Implementing a search input with leaflet in angular 6 framework

So, I was given the task of using leaflet inside of a angular application but came accross a issue I don't know how to solve. What I want to do is make a search input that would overlay on top of the map and when used will search through a…
badMan
  • 31
  • 2
0
votes
1 answer

Add zoom to bounds to ngx-leaflet layerscontrol

I'm using ngx-leaflet v4.0.0 and Angular v6.1.10. I have a map with several basemaps and a few custom overlays. I'm using the LayersControl from ngx-leaflet. How can a user easily zoom to the bounds of a specific overlay layer? I know I can do it…
Paul Meems
  • 3,002
  • 4
  • 35
  • 66
0
votes
1 answer

Can't get resetStyle to work in ngx-leaflet

I'm trying to do something similar in Angular6 with ngx-leaflet as described here: https://leafletjs.com/examples/choropleth/ I can already show the default pop-up and change the style onmouseover, but can't get the resetStyle to work. I'm loading…
Paul Meems
  • 3,002
  • 4
  • 35
  • 66
0
votes
1 answer

How get the location coordinates of polygon in ngx-leaflet-draw?

I integrated ngx-leaflet-draw for my angular6 project.I could draw polygon over the map.But I don't know how to get the polygon location coordinates.I want to show the users inside the polygon by performing database search.I went through the…
Rahul K R
  • 191
  • 4
  • 20
0
votes
1 answer

How to load a local shape or geojson file in to leaflet in Asymmetrik/ngx-leaflet?

I am using Asymmetrik/ngx-leaflet to build a map based application which can load and view external shape files. Is there any way to show local shape files?
yashodha_h
  • 944
  • 3
  • 9
  • 23
0
votes
1 answer

ngx-leaflet reload map once dropbox selected value has changed

I have dropbox with several equations (i.e km, m, cm). Initially map loaded with km values.
Bahodir
  • 539
  • 1
  • 9
  • 29
0
votes
2 answers

angular - ngx-leaflet auto centralize to specific area regarding loading data

I am using angular 6 and ngx-leaflet. I am loading data backend, and I trying to zoom to area (in this case India) once data loaded on the map. My html looks:
Bahodir
  • 539
  • 1
  • 9
  • 29
0
votes
1 answer

Creating usable geojson of multiple points from Django Rest Framework in Angular with ngx-leaflet

Alright so I have an array of 9,000 objects being returned through HttpClient from my django rest api. These objects are Geojson format already. How would I turn this into a layer to map using ngx-leaflet. I was easily able to figure this out with…
Petey
  • 2,819
  • 1
  • 14
  • 23
0
votes
1 answer

My Service only displays the last json element marker on my ngx leaflet map

If I hardcode the data, then all markers will show up nicely. If I comment the line this.markers.push(newMarker); and replace it with the next, I get an ERROR TypeError: Cannot read property 'push' of undefine If I use the this.markers =…
brohymn
  • 460
  • 5
  • 22
0
votes
1 answer

ngx-leaflet does not detect layer changes through a service (Angular 6)

I am running Angular 6 and I want to dynamically add a layer to a leaflet map, but I can't detect changes in leafletLayers if the layers are modified from another component. Everything works fine if the layer changes are performed from …
meowmeow
  • 60
  • 8
0
votes
1 answer

Using bringToFront() to style leaflet layers that are NOT in a layer event with ngx-leaflet

I have a multipolygon that I want to filter, put into unique layers, and set different styles to. I load the geoJson, apply general styles, and use onEachFeature to put the layers into featureGroups based on a condition. Still inside onEachFeature,…
Lauren
  • 1,035
  • 1
  • 14
  • 32
0
votes
1 answer

angular5 ngx-leaflet how to refresh wms layer based on changes in another component

I am using Angular 5 + ngx-leaflet on my web page to display map with layer data from WMS server. parent component html
James.C
  • 23
  • 1
  • 6
1 2 3
9
10