Stack Overflow
Stack Overflow

Questions tagged [ngx-leaflet]

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

149 questions
0
votes
2 answers

geoJSON bindPopup example

Trying to overlay geojson data which is working but I want the user to be able to click an area and have a popup show details about that area. Using the exmaple on leaflet's site L.geoJSON(data, { style: function (feature) { return…
Furman
  • 3
  • 3
0
votes
1 answer

LeafletModule could not be resolved to an NgModule class in Ivy

I'm developing an angular project with ngx-leaflet. After running ng serve in the console, the following error appears: Error: node_modules/@asymmetrik/ngx-leaflet/dist/leaflet/leaflet.module.d.ts:1:22 - error NG6002: Appears in the NgModule.imports…
Siebe
  • 305
  • 1
  • 3
  • 10
0
votes
1 answer

Why this ngx-leaflet params are not working properly?

I´m trying to make everything as possible in my leaflet project in Angular with ngx-angular but can´t find the way to make them work properly. This is my params code: zoomControl = {position: 'bottomright'}; readonly drawOptions = { position:…
B2DAW
  • 65
  • 1
  • 8
0
votes
1 answer

Multiple Ngx-leaflets maps on same page : all the tiles are displayed on the same map

I am converting a standard angular project to an Angular Universal project so I have to get rid of the "$window". The project did not use any but some of the modules that were used, like leaflet, are using it, so I switched to ngx-leaflet. The…
Vinz
  • 329
  • 5
  • 12
0
votes
0 answers

leaflet map doesn't render properly in stepper from mdb

I've integrated different leaflet-maps from ngx-leaflet successfully in my angular project. Now I've got the following problem: For css I'm using additionally Material Design for Bootstrap (mdb) and at one point I have to use a stepper. The stepper…
lisa-bob
  • 61
  • 1
  • 3
0
votes
1 answer

Why Ngx-leaflet-draw toolbar doesn't appear?

i was trying to add ngx-leaflet-draw to allow customer to draw path on a map. i followed the instruction that i found here: [https://github.com/Asymmetrik/ngx-leaflet-draw][1] app.module.ts import { LeafletModule } from…
user1974059
  • 13
  • 3
0
votes
1 answer

Leaflet + Angular is it possible to draw semicircles?

In my angular application, I use maps through the ngx-leaflet library and openstreet maps. And now we need to draw semicircles. I know there is a Leaflet-semicircle extension, but I have already installed this dependency via Angular, but I cannot…
Xablau Developer
  • 25
  • 8
0
votes
0 answers

Error: "Map Container not found" when using "ngfor"

Environment: Angular 9, Leaflet 1.6.0 ngx-leaflet 7.0.0 Background: I can build multiple maps by creating individual "div" and "options" without any issue with the commented portion of html when I switch to using "ngfor" to create multiple maps in…
argupta23
  • 1
  • 1
0
votes
1 answer

Material Dialog not open after clicking on marker in ngx-leaflet

I'm using ngx-leaflet and ngx-leaflet-draw for displaying leaflet map. I can display a marker on the map from the toolbar-marker-icon. I want to display a Material Dialog Component when I click on the marker. I can display marker coordinate on the…
Shatu
  • 845
  • 6
  • 10
0
votes
0 answers

How to create typings file in angular using old javascript code

I have created custom echarts layer for leaflet which is in javascript. How to make use of that in Angular 8 using ngx-leaflet?. Basically i want to know how to create typings.d.ts file so that i can use that in Angular 8. Here is the link to my…
Suraj Gupta
  • 437
  • 8
  • 19
0
votes
0 answers

How can i update latitude, longitude and properties for one point without erasing and recreating all points

I use on Angular 7 : @asymmetrik/ngx-leaflet": "^5.0.2" with "leaflet": "^1.5.1" I have one probleme : i want update juste one specific point position and his properties without erase all points. For example : i have one geoJSON file : [ { …
Ramnoi B
  • 1
  • 1
0
votes
1 answer

ERROR TypeError: Cannot read property 'topleft' of undefined on ngx-leaflet and esri-leaflet-geocoder

I'm using @asymmetrik/ngx-leaflet and @asymmetrik/ngx-leaflet-draw for leaflet map in my Angular 9 project. I tried a add search option in the map by 'esri-leaflet-geocoder'. without @asymmetrik/ngx-leaflet and @asymmetrik/ngx-leaflet-draw using I…
Shatu
  • 845
  • 6
  • 10
0
votes
1 answer

Hide a leaflet angular map on initial load

i have a map for which following css is used.When the page loads i want the map to be hidden and get loaded only after a button is pressed From the console i used the following and it was working and it made the map hidden …
sunny
  • 51
  • 12
0
votes
1 answer

Issue in creating marker in leaflet

I am trying to create a marker using leaflet angular 8.The following example is working fine. But in the addMarker method when i change the value of lat and long(valid lat long) the marker is no longer created. Can someone please explain? LAYER_OSM…
sunny
  • 51
  • 12
0
votes
0 answers

leaflet instantiate from map object

I have a Leaflet Map in one of my Components in an Angular Project (using ngx-leaflet). I store the Map Object from onMapReady(event: L.Map) in a Service so that I don't need to draw the Map again later. After navigating to a different component and…
Buzzet
  • 693
  • 1
  • 7
  • 19
1 2 3
…
9 10