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
0
votes
1 answer

ionic leaflet angularjs directive - switching tileLayer in side menu thru Service

I am trying to test develop ionic app for leaflet-angularjs-directive. There's not many demos for me to try out. I am using: ionic-leafletjs-map-demo by calendee (github) https://github.com/calendee/ionic-leafletjs-map-demo And I am trying to…
Kyros Koh
  • 188
  • 2
  • 12
0
votes
1 answer

how to call fitBounds on leaflet angular

How can I call fitbounds on a map with angular leaflet? I saw a post somehwere to look for the map binding event but couldn't find any sample code.
MonkeyBonkey
  • 46,433
  • 78
  • 254
  • 460
0
votes
1 answer

angular watch for angular-leaflet-directive

I am trying to place $watch on a value in angular to setup controls differently depending on instructions from the controller and I have tried to follow the lead in angular-leaflet-directive using leafletScope.$watch("variable"). I have added a new…
Stev_k
  • 2,118
  • 3
  • 22
  • 36
0
votes
1 answer

Multiple polygons in angular leaflet "paths"

I am trying to display multiple paths in my OSM maps using angular leaflet. Paths types like multiple circle and polygons. For circle, the below code: angular.forEach($scope.alertcircles, function(obj, key){ var arraylen =…
Shiva
  • 235
  • 1
  • 4
  • 14
0
votes
2 answers

How to get geo coordinates on clicked location of map using Angular-Leaflet-directive?

How to get geo coordinates on clicked location using leaflet? I try something like .. $scope.$on('leafletDirectiveMap.geojsonClick', function (e) { alert("Lat, Lon : " + e.latlng.lat + ", " + e.latlng.lng) }); but it didn't work.
cnjap
  • 380
  • 3
  • 6
  • 24
0
votes
1 answer

Error with angular and leaflet libraries

When I use leaflet map with angular-leaflet-directive and try to add draw controls, this causes an error. The Controller: SomeApp.controller("mainMapController", function ($scope){ angular.extend($scope, { defaults: { …
ActiveChooN
  • 1
  • 1
0
votes
1 answer

How to pass variable to a function call in angular forEach

I am using a leaflet Directive to show maps on openStreet map.To list all markers my code looks like this : $scope.goTo = function() { restAPI.getSomething().success(function(data) { var anArray = data.lists; …
mahi
  • 532
  • 10
  • 16
0
votes
1 answer

angular random css rotation always moving

I would like to have an img with a random css rotation. I managed to achieve this, but when you move your mouse over the leaftlet map, the img is always spinning around: http://jsfiddle.net/J03rgPf/mzwwfav4/3/ How can I set a random css only once,…
Jo Pfeffer
  • 65
  • 1
  • 8
0
votes
2 answers

Angular-Leaflet-Directive - Issue where the map is technically rendering, but none of its tiles appear .

. . . because the tiles are absolutely positioned within parent containers whose heights are equal to zero. Here is the directive: https://github.com/tombatossals/angular-leaflet-directive I'm uncertain as to the appropriate channel by which to…
Michael P.
  • 1,373
  • 3
  • 12
  • 33
-1
votes
1 answer

Leaflet.js map fit bounds maxZoom not working as expected

I'am using leaflet.js map in an angular project. trying to make the map follow a marker which is getting live location data and using fitBounds() to follow the route. but I wanna allow the user to have a range of zoom level that they can zoom in or…
Adam
  • 39
  • 4
-1
votes
1 answer

Using Leaflet in Angular components

I'm quite new in the Angular workflow. I'm trying to add a map to my pages using Leaflet. I'd like to do it through components. I followed two instructions (listed in comment) in order to make it happen (in vain). You can see the result…
Guillaume W
  • 11
  • 3
-1
votes
1 answer

Angular leaflet - How to handle markercuster click?

I'm using Angular leaflet and I would like to get all markers when I click on a cluster. I can't find any events or methods that could do it ? I'm using Angular leaflet directive for my project. Any help would be good ! Thanks
S. Ktifa
  • 131
  • 1
  • 10
-2
votes
1 answer

Is it possible to make Azure map be the base map in Leaflet

I want to create a map that uses Azure maps as the base map layer in Leaflet. From what I understand, Leaflet will be the canvas/control and Azure maps will be the layer added by Leaflet.…
Quang Hoang
  • 1
1 2 3
…
16
17