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
3 answers

Using Geojson over normal markers with leaflet

I am building a web application with Angular and (Angular) Leaflet which includes a map with several hundreds markers in one area. Right now, all of our markers are simple L.circleMarkers. However as we need to reload these markers quite often and…
threxx
  • 1,213
  • 1
  • 31
  • 59
0
votes
1 answer

Is it possible to simultaneously use both the center and bounds attributes in Leaflet.js?

I have an web application, written using Angular.js and angular-leaflet-directive, that displays a selection of roads on a map. I have included some bookmarks for easy navigation to certain areas and so was basing map extent navigation on using the…
Rory
  • 170
  • 2
  • 9
0
votes
1 answer

Angular-Leaflet with Markercluster custom icon styling

I'm trying to get this app's angular-leaflet map to work with leaflet-markercluster and custom cluster logic. I can't figure out where the iconCreateFunction should live. I've tried including it in the $scope.markers[id] = {} block, as well as all…
thisisnotabus
  • 1,949
  • 3
  • 15
  • 31
0
votes
0 answers

display single marker based on selected user for a Modal

I am currently using a Bootstrap Modal to open & display specific user Data. I have no problem with the user data (such as email, etc), but the maps are another story because all of the HTML is loaded so the Angular Leaflet Directive script tags…
Phil Lucks
  • 2,704
  • 6
  • 31
  • 57
0
votes
1 answer

How to update 'defaults' in leaflet directive?

I am using leaflet directive. I set defaults for map like: defaults: { tileLayer: "http://{s}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png", scrollWheelZoom: false } And later I want to update…
1110
  • 7,829
  • 55
  • 176
  • 334
0
votes
1 answer

using Leaflet.Graticule with angular-leaflet-directive

I am at a loss to understand how to integrate Leaflet.Graticule into a ui-leaflet/angular-leaflet-directive application. Any pointers as to how this should be done would be much appreciated. EDIT: To extend the answer from iH8 a little bit, I also…
Leif Jantzen
  • 387
  • 4
  • 14
0
votes
1 answer

update markers when not watched

In angular-leaflet-directive is there a way how to update markers and paths on the map when we switch off the $watch using markersWatchOptions?
Amio.io
  • 20,677
  • 15
  • 82
  • 117
0
votes
0 answers

AngularJS Leaflet directive: Events not working

I am using AngularJS leaflet directive. I am trying to use events to display a context menu. I am using the guide from following link leaflet directive events but its not working out. Though i am able to see logs on console but I am not able to see…
Bagira
  • 2,149
  • 4
  • 26
  • 55
0
votes
1 answer

Integrating AngularJS + Leaflet

I'm building a webapp using AngularJS and Leaflet. I've tried angular-leaflet-directive but it makes the webapp too slow and unresponsive (I have +2000 points and many complex polygons). I use $http.get to load a GeoJSON of polygons into Leaflet,…
Bernardo Loureiro
  • 458
  • 6
  • 14
0
votes
2 answers

AngularJS and Leaflet map centering bound to ng-repeat iteration variable

I am trying to bind the center attribute of a leaflet to the model like so: Test Leaflet
Waslap
  • 572
  • 3
  • 23
0
votes
1 answer

Leaflet angular directive blank map

I'm following the basic tutorial for Leaflet-angular-directive. I am able to see the leaflet map component display in the browser, but the map is blank. The example:
Mehdi
  • 772
  • 7
  • 16
0
votes
2 answers

Change marker icon and a pop-up message closes

I'm using leaflet.awesome-markers card markers. When you change the color of the icon it immediately closes the pop-up message. Is it possible to change the color without closing the pop-up? $scope.$on('leafletDirectiveMarker.viewMap.click',…
Алексей
  • 1
  • 1
0
votes
3 answers

leaflet square given centre and square width

On Leaflet I can create a new circle easily given the centre and the radius: // Circle var radius = 500; // [metres] var circleLocation = new L.LatLng(centreLat, centreLon); var circleOptions = { color: 'red', fillColor: '#f03', …
user1472709
  • 133
  • 2
  • 14
0
votes
2 answers

How to remove quotes from array

My native app tries to place markers from JSON. Example of JSON data: { "status": "ok", "count": 15, "count_total": 600, "pages": 40, "posts": [ { "ID": "2290", "title": "Title", "tag": "Tag", "lat":…
KingStakh
  • 303
  • 3
  • 13
0
votes
1 answer

Unknown provider using leafletView to display popup in Angular Leaflet Directive

I am trying to display a pop up window in an angular leaflet map using prune cluster. However, I am getting an error that leafletView is an unknown provider. I have followed the examples on this page but i have been unsuccessful -…
Jonah
  • 41
  • 3
  • 10
1 2 3
…
16 17