Leaflet components for Angular.io published to npm under @asymmetrik/ngx-leaflet
Questions tagged [ngx-leaflet]
149 questions
0
votes
2 answers
Updating ngx-leaflet map based on Bootstrap select input
I have an app that updates a Bootstrap select input dropdown menu when you click a polygon on the map in ngx-leaflet based on this example. I want to be able to also select a polygon name from the select input and have the same functionality as the…
Lauren
- 1,035
- 1
- 14
- 32
0
votes
2 answers
Grouping marker, circle and polygon layers in Angular 5
I have one array of places which i am displaying in in a table and also in Map. I am displaying marker and one of either circle or polygon for each element in table. When i select ant element from table marker icon changes for that particular…
Naresh Mobarsa
- 101
- 1
- 9
0
votes
0 answers
How to load and display external multipolygon geoJSON file in ngx-leaflet angular app
I am using the template from the ngx-leaflet tutorial for this example. I am a total beginner to Angular and just barely know leaflet.js, for reference.
I have a large multipolygon geoJSON file that I want to display on a map and eventually add…
Lauren
- 1,035
- 1
- 14
- 32
0
votes
1 answer
Google map styles with ngx leaflet
I seem to have trouble using styles generated by google maps styling wizard with ngx-leaflet angular plugin. For an instance i used google maps styling wizard to reduce number of labels shown on the map.
Wanted to ask where in the code to apply…
Hostra
- 1
- 2
0
votes
0 answers
Handling polyline dynamically in ngx-leaflet
I am trying to use polylines on ngx-leaflet but i'm having some issues.
First of all, I try to declare a polyline by passing a hardcoded latlng value it all works, but if I try to pass a variable ti gives me the following error:
bubu =…
Thecave3
- 762
- 12
- 27
0
votes
1 answer
Using popups with ngx-leaflet
I'd like to make a more involved popup with ngx-leaflet that can make use of Angular directives and generally be treated as any other Angular component. Is there a good way to do this?
You can create a popup using L.popup and setContent however this…
narthur157
- 864
- 1
- 8
- 17
0
votes
1 answer
Render markers from GeoJson
I'm a bit desperate with this problem. I want to show in my map markers from a GeoJSON (a valid GeoJson, it works in geojson.io). It seems easy, but I don't see where's my error. I'm using ngx-leaflet and my code is this:
map.component.html
Aw3same
- 930
- 4
- 13
- 38
0
votes
1 answer
How to add legend to leaflet map written by Angular and ngx-leaflet
I am trying to add a legend to a map created by Asymmetrik/ngx-leaflet. The map is created by following the tutorial in https://github.com/Asymmetrik/ngx-leaflet . There are two different layers and for each layer there shoud be a different legend.…
E. Erfan
- 1,239
- 19
- 37
0
votes
1 answer
How to use leaflet-extra/leaflet-providers with ngx-leaflet?
How can I use leaflet-extra/leaflet-providers with ngx-leaflet. A simple example would be nice. I installed leaflet, @types/leaflet, ngx-leaflet, leaflet-providers, @types/leaflet-providers, but I cannot figure out how exactly to link ngx-leaflet…
Sergiu Starciuc
- 532
- 5
- 9
0
votes
0 answers
Angular 5 Leaflet real time integration update markers issue
I have this service that observes changes via an interval by using a GET request to my API:
package used: https://github.com/Asymmetrik/ngx-leaflet
Coords.ts model
export class Coords {
constructor(public lat: number,
public lng: number,
…
Stathis Ntonas
- 1,222
- 2
- 20
- 49
0
votes
1 answer
How do I change the default cursor with ngx-leaflet?
I tried to change to cursor to achieve a fluid integration with leaflet draw shown in this example.
https://leaflet.github.io/Leaflet.draw/docs/examples/popup.html
When the cursor is over the image it's and open hand. When the cursor is over an…
Simon
- 51
- 1
- 4
-1
votes
1 answer
Typescript typing for leaflet options?
We can initialize leaflet like this, using an any type. Just wondering whether there is a more direct type we can use? Something like LeafletOptions?
leafletOptions: any = {
zoom: 2,
minZoom: 2,
maxZoom: 4,
zoomControl: false,
…
Ole
- 41,793
- 59
- 191
- 359
-2
votes
1 answer
What will I have to take care of myself, if I decide to use leaflet in Angular without the ngx-leaflet library?
Recently, I found a blog entry where it is shown how to use a leaflet with Angular without using ngx-leaflet: https://codehandbook.org/use-leaflet-in-angular/
What will I have to take care of myself if I do not use ngx-leaflet?
For now, basic…
Paulina Półchłopek
- 75
- 8
-2
votes
1 answer
Can I add a custom directive or custom HTML code to a marker's pop-up message?
Can I add a custom directive or custom HTML code to a marker's pop-up message using ngx-leaflet?
Ma Ko
- 1
- 2