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

how to show markers from clustred when less than 10 markers are in cluster in Leaflet.js

I had created a demo using the Leaflet.js . Every things goes fine , But now I want to shows all the marker when the markers in cluster is less than 10 . Is this possible in Leaflet.js . I'm currently using Leaflet.js version 0.7 Below is my code . …
RamThakur
  • 100
  • 9
2
votes
0 answers

Customize marker in angular-leaflet-directive with circleMarker

I'm wondering if anyone has had experience modifying angular-leaflet-directive to support the creation of circleMarkers rather than sourcing an img. Currently, you can create markers that will be populated on the Leaflet map by listing them as JSON…
kuanb
  • 1,618
  • 2
  • 20
  • 42
2
votes
1 answer

Get marker location in Angular Leaflet Direction

I'm using Angular Leaflet Directive. In the example, say here form the docs (http://tombatossals.github.io/angular-leaflet-directive/#!/examples/dragging-markers), we have a marker that is draggable. Changing the location of the draggable Madrid…
kuanb
  • 1,618
  • 2
  • 20
  • 42
2
votes
1 answer

Leaflet map sources

Is there a list for all potential map sources out there? On the sample page one can browse through four types of maps. What else is out there? http://tombatossals.github.io/angular-leaflet-directive/#!/
El Dude
  • 5,328
  • 11
  • 54
  • 101
2
votes
1 answer

Leaflet js adding custom marker pic fails

I am trying to add a custom marker picture but it keeps giving me the standard blue marker. Here's my custom marker definition: var aMarker = { lat:location.lat, lng:location.lng, …
El Dude
  • 5,328
  • 11
  • 54
  • 101
2
votes
3 answers

Leaflet breaks on load

I am facing issue with leaflet library. When I try to load map, images are loaded more then once. I am using leaflet with angular, grunt and browserify. I suspect it can be because of order of loading libraries and async execution, but I am not…
Sanja
  • 397
  • 2
  • 7
  • 24
2
votes
1 answer

AngularJS Ionic Leaflet - Map markers not showing

So Ive been trying to get leaflet working in an Ionic app and everything is working fine except my markers. They are not being shown in the default screen nor the locate() function. below is my code html snippet
Chris G
  • 245
  • 2
  • 16
2
votes
1 answer

Ionic / Leaflet - Can't get Tiles 404 Not Found (from cache)

I'm locked with an issue that is very odd. I'm using leaflet with angular-leaflet-directive. On the previous app, everything worked. Now on a new app, I'd like to implement a new leaflet map. I have therefore copied my previous code. My Issue is…
aorfevre
  • 5,034
  • 3
  • 21
  • 51
2
votes
2 answers

Angular-leaflet-directive Custom HTML popup

I'm attempting to create a custom popup while using the angular-leaflet-directive. I'm opening the popup from the leaflet.draw on:create event. Here: map.on('draw:created', function(e) { layer = e.layer; drawnItems.addLayer(layer); var…
jbdev
  • 711
  • 3
  • 11
2
votes
0 answers

Leaflet/AngularJS - Auto user location

I am trying to follow the Leaflet procedure given here with a great working example to automatically locate use in my Ionic app. However I have some trouble finding the correct syntax to embeed the code given on the leaflet page with mine. Thanks…
lauWM
  • 659
  • 3
  • 10
  • 18
2
votes
2 answers

AngularJS getting coordinate from GeoJSON response

I'm new to AngularJS (and very rusty with javascript) and I can't get this seemingly straightforward action to work. I have a GeoJSON response from a Django Rest Framework backend as follows (relevant bit only): { "type": "FeatureCollection", …
Simon Greenwood
  • 161
  • 1
  • 7
2
votes
0 answers

Dynamically changing Leaflet map bounds in Angular?

I'm using Angular-leaflet-directive. I have a menu where the user taps an option. Each time the user clicks an option the map is updated with two new markers and the bounds should be adjusted so these markers are both visible. The markers get…
Pancakes
  • 149
  • 2
  • 7
2
votes
1 answer

Leaflet Draw + Angular + GeoJSON: How to achieve two way binding between Map and GeoJSON object

I can add Geojson layer to a leaflet map using angular leaflet directive. I can also add the leaflet Draw control and create new layers (polygons, polylines etc.) However, there appears to be no straight forward way to enable editing of the GeoJSON…
Dojo
  • 5,374
  • 4
  • 49
  • 79
1
vote
1 answer

Markers not appearing on map using leaflet and angular

I am creating a map that displays a marker of coordinates that is stored in the database. However the marker does not appear on the map the map is a part of the component.ts file: ngOnInit(): void { console.log( …
user18268316
1
vote
0 answers

How to add the text labels on the leaflet map

I want to show the text label to show the location name on the leaflet map(Not tool tip text, or popup text). .component.ts map[i] = L.map(v).setView([this.sensors[i].latitude,this.sensors[i].longitude], 11); …
Haritha
  • 77
  • 2
  • 10
1 2 3
…
16 17