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
1
vote
1 answer

Angularjs module requires won't work

I have this code : var app = angular.module("malocFeApp",['leaflet-directive']); app.controller('MainCtrl',[ "$scope", function($scope) { }]); It prevent the template to show up. When I remove the requires the template show up: var app =…
Maloc
  • 43
  • 8
1
vote
1 answer

Popups not working properly with circle marker

I'm facing an issue with the circle marker in ui leaflet plugin. When ever a some one clicks on a circle im getting the popup but if I click outside the circle in the map and then try clicking circle again the popup is not coming up. Can you please…
Umamaheswaran
  • 3,690
  • 3
  • 29
  • 56
1
vote
1 answer

Accessing data from Angular service with a method

I am trying to access data from a method within a service which returns coordinates which I use to make an HTTP requests. I added my Leaflet code inside of my controller so I can access that lat,lng coordinates to make an API request to another API.…
Roscoe
  • 169
  • 3
  • 15
1
vote
1 answer

Using angular from both atmosphere and npm gives warning

Using Meteor 1.3.2.4 I do: meteor create myapp cd myapp meteor npm install --save angular meteor add angularjs:angular and in main.js add as first line import angular from 'angular'; This gives me WARNING: Tried to load angular more than once. in…
user1304680
  • 700
  • 2
  • 5
  • 18
1
vote
0 answers

Angular Leaflet directive - reproduce layer example

How can I reproduce this example with the angular Leaflet directive? I understand the example, but when I apply the last line of the example source L.control.layers(baseLayers, overlays).addTo(map); that I had to adjust to…
El Dude
  • 5,328
  • 11
  • 54
  • 101
1
vote
1 answer

How to get Angular Leaflet Directive to render correctly inside Angular Material Design?

The Angular Leaflet Directive looks to the dimensions of the parent container to determine what its correct size is before it make requests from the server for map image tiles. Angular Material Design uses the flexbox CSS property to set dynamic…
Adam S
  • 509
  • 10
  • 24
1
vote
3 answers

Angular Leaflet Search control event

I have an AngularJS application and I'm currently trying to access the "search_expanded" event of Leaflet Search control but having no luck. Here's my code: angular.module('myApp', [ 'leaflet-directive' ]) .controller('ShowMapCtrl',…
noxfur
  • 331
  • 1
  • 5
  • 15
1
vote
0 answers

angular-leaflet-directive add rectangle around marker

I have leaflet map with a marker. On the side I have a form where I can specify the extent (in metres) of the square box that I would like to show on the map upon submitting the form. I tried to replicate the example reported here…
user1472709
  • 133
  • 2
  • 14
1
vote
1 answer

Tiles of arcgis layer do not load at all

I tried using a specific arcgis layer with leaflet. However, I do not really know if I use it correctly or missed an important point, as the tiles are not loading and I do not get any error messages. Maybe someone know, what I did wrong / how to…
threxx
  • 1,213
  • 1
  • 31
  • 59
1
vote
0 answers

leaflet map inside jqWidget resulting in grey tiles

I am using angularjs with jqwidgets as a UI Framework and leaflet with angular-leaflet-directive. When I try to put a leaflet map into a jqDockingLayout / jqRibbon, the maptiles of leaflet are not shown properly (grey background instead of…
Johannes H
  • 376
  • 2
  • 10
1
vote
1 answer

angular leaflet js using the leaflet plugins and more

I am using leaflet and angularJS and therefore the angular-directive for leaflet. I now want to use custom markers. For example these boat markers: https://github.com/thomasbrueggemann/leaflet.boatmarker . Or for example for the 'leaflet sliders'…
threxx
  • 1,213
  • 1
  • 31
  • 59
1
vote
0 answers

angular-leaflet-directive : loading spinner in leaflet when load layer

Using the AngularJS leaflet directive, I want to load a layer inside an already-displayed leaflet. My problem is how to create a loading bar/spinner inside leaflet when loading the layer?
nuriffah
  • 99
  • 1
  • 9
1
vote
1 answer

Leaflet noisy console output

I've started using leaflet maps and I'm having very noisy output in js console. It looks like it's working in some kind of debug mode. It there any option to turn it off?
speedingdeer
  • 1,236
  • 2
  • 16
  • 26
1
vote
1 answer

how to create context menu when right clicking on marker on a map using angular-leaflet-directive

I am new to angular-leaflet-directive. I want to have a context menu when i right click on a marker. I couldn't find any examples in angular way. Can anyone please guide to achieve it. Is that functionality exists in angular-leaflet-directive ?,…
Fracedo
  • 626
  • 7
  • 23
1
vote
1 answer

Adding ng-click to leaflet popup onEachFeature function

I have created map and connected it with my geojson api.Basically I wish to link each marker popup with ng-click. Putting simple html like this wont do the job since i have to compile it: layer.bindPopup("
Stefan
  • 25
  • 5
1 2 3
…
16 17