Stack Overflow
Stack Overflow

Questions tagged [angular-leaflet-directive]

AngularJS directive used to embed and interact with maps managed by the Leaflet library.

This directive allows you to embed a map on your AngularJS application and interact bi-directionally with it via the AngularJS scope and the leaflet map library API.

Useful Links
GitHub

253 questions
2
votes
1 answer

Refresh Leftlet Map by a drop down in angular2

I am new to Angular2 and Leaflet Map. I am trying to create a dropdown, which value change will refresh the Map to a new One. For example if the drop down value is London, it will show the Map position for london, and if I change the drop down value…
swastik padhy
  • 31
  • 1
  • 3
2
votes
1 answer

leafletJS market circle, is there event drag resize radius

I read document and don't find instruction about drag to resize circle of CircleMarker or Circle. Is the library support for that purpose?
Peter89
  • 706
  • 8
  • 26
2
votes
1 answer

Angular Leaflet Directive Not updating marker position

I'm trying to use angular-leaflet-directive with Websocket, though I'm able to integrate successfully, the positions of the markers are not getting updated dynamically. However The positions of map gets updated if I move mouse over the map but…
Karthik Prasad
  • 9,662
  • 10
  • 64
  • 112
2
votes
2 answers

angular-leaflet : draw control: GeoJSON of Circle and Point are same. How to differentiate?

I suppose to save the drawn shapes and on-demand it should load into the map. When I draw point and circle it gives same geoJSON. Type of both the shapes are point. I can't able to differentiate the difference. When I load the circle geoJSON to the…
Premkumar Jayaseelan
  • 681
  • 2
  • 10
  • 30
2
votes
2 answers

Leaflet data visualization framework export as image

I am using Leaflet and Leaflet data visualization framework to draw maps and charts on top of them. Now I am trying to save map with charts to PNG image, but can successfully export only one layer - maps or charts. Probably this is because charts in…
Orbitum
  • 1,585
  • 5
  • 27
  • 47
2
votes
1 answer

AngularJS - Leaflet - The "center" property is not defined in the main scope

I've set up leaflet.js correctly, and the map renders as expected in my app. However, I keep getting the following error message: The "center" property is not defined in the main scope. What am I doing wrong? In my view:
methuselah
  • 12,766
  • 47
  • 165
  • 315
2
votes
1 answer

Leaflet trigger popup on feature

I have a geojson layer in leaflet and I would like to trigger a popup on a specific feature. When declaring the geoJson layer I already have an onEachFeature property which will trigger the popup on click. This works great. onEachFeature: function…
James Myers
  • 305
  • 1
  • 3
  • 14
2
votes
1 answer

Angular Leaflet Marker Loop via Factory Object Issue

I'm setting up the angular-leaflet-directive and trying to get my markers to load, but they aren't coming through the loop. However, when I log the array to the console, it comes up. Is there something I am missing? Should I push each i as an…
Dennis Pitt
  • 89
  • 1
  • 1
  • 9
2
votes
1 answer

Angular-leaflet-directive: Open popup on drop

I'm trying to open popup on drop, but it does not work, I've tried with $scope.$on('leafletDirectiveMarker.dragend', function(event,args){ args.model.focus = true; }); and $scope.$on('leafletDirectiveMarker.dragend', function(event,args){ …
Felix
  • 579
  • 1
  • 8
  • 23
2
votes
1 answer

Leaflet - How to select feature from outside of map

Given two divs: a map view and a sidepanel with each row corresponding to a feature name, how can I ensure that a click event on the sidepanel row selects the corresponding feature in the map? This is doable with popups, but I want to select the…
Jason
  • 11,263
  • 21
  • 87
  • 181
2
votes
1 answer

Unable to add marker to Angular Leaflet directive

I'm trying to add a marker to the Leaflet directive but somehow it doesn't accept markers created with the default L.marker() method. The directive is used as follows:
Ropstah
  • 17,538
  • 24
  • 120
  • 194
2
votes
1 answer

Angular Token Error

I am getting this all of a sudden, and It doesn't let me use my leaflet map properly. Everytime I click on the map, a marker is added to the same coordinates. When I try to remove markers with a function, it empties the markers-array, however the…
solid_luffy
  • 361
  • 2
  • 15
2
votes
3 answers

LeafletJS check for not loading map

How can I detect whether a map is loading properly or not? What happened was that in my ionic app the map url stopped to work, and the map did not throw an error. It only displayed gray. Is there a way to check for this event properly and fall back…
El Dude
  • 5,328
  • 11
  • 54
  • 101
2
votes
2 answers

Is there a way to return a list of all markers that are not currently within a cluster group?

I'm currently working on a project using angular-leaflet-directive + the leaflet markercluster plugin. What I'm looking to do is, on a certain event (for example, +/- zoom level or when the cluster groups change) I'd like to have a function run…
dsifford
  • 2,809
  • 2
  • 15
  • 16
2
votes
0 answers

Use leaflets over pdf files using angularjs

I am trying to do something like this leafletoverimage. Currently I am using background image and angular-leaflets tool for the click and comment. I am trying to find out a way where I can have pdf file actually rendering on browsers, and able to…
Aashis Binod Khanal
  • 513
  • 4
  • 11
1 2
3
…
16 17