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

Cluster markers from different overlays with each other

I use angular-leaflet with leaflet markercluster plugin (see http://tombatossals.github.io/angular-leaflet-directive/examples/0000-viewer.html#/layers/overlays-markercluster-example for example). Now I have three different overlays with…
makar
  • 155
  • 3
  • 14
0
votes
1 answer

Using maxBounds to stop panning in Leaflet with angular-leaflet-directive

Now that I have my AngularJS application running, I'm trying to restrict LeafletJS map panning as described in this Mapbox document. The issue is that I am using angular-leaflet-directive and my existing code is written to create the map using the…
Dave Aiello
  • 490
  • 2
  • 16
0
votes
1 answer

Map sometimes doesn't load at first

Edit: Invoking these two methods directly on the map object solved the issue: leafletData.getMap().then(function(map) { map.invalidateSize(); map._onResize(); }); I have a little, yet pretty irritating issue with Leaflet directive for…
Jakub
  • 187
  • 1
  • 1
  • 9
0
votes
0 answers

AngularJS: Create object inside controller with data from google spreadsheet service

I am builidng an angular app with a leaflet map. My goal is to create an object with all the markers of the map inside a controller. I want to retrieve the data for the markers from a google spreadsheet. According to this site I think the marker…
Felix
  • 987
  • 1
  • 12
  • 23
0
votes
1 answer

Openstreemap Search box not working when integrated into application

I'm using the following code to set properties of OSM before the map is rendered. Although the search box appears I am unable to see suggestions when I type the name of a country. Please find attached a screenshot of the problem - enter image…
codejunkie
  • 908
  • 2
  • 21
  • 34
0
votes
1 answer

Why does the click event listener break after the first click?

I'm using the angular-leaflet-directive within Ionic Framework. I set up a listener on a map marker and it works on the first click after the page is loaded. After that, though, it stops responding to the left mouse button (but confusingly still…
carpiediem
  • 1,918
  • 22
  • 41
0
votes
1 answer

How to Filter Markers with Angular-Leaflet-Directive and a Custom Filter

I'm using the Angular-Leaflet Directive and trying to figure out how to filter the markers using data from a input text box and the data property of the marker object. Everything I try results in an angular infinite digest loop. This is what I have…
user3722622
0
votes
1 answer

Passing data from callback in Angular service

I am using AngularJS leaflet to search for a location and obtain latitude and longitude coordinates. In my service, I am calling my code to display map with within the service I wrote a callback which takes (lat,lng) and make an HTTP requests to url…
Roscoe
  • 169
  • 3
  • 15
0
votes
1 answer

LEAFLET maps and markers with select options - ANGULARjs

I have an app with leaflet maps for showing all my items on maps (I set up markers with pop with info). Now, when the client came to the page, he need to search map and select markers. In pop up, I will put the check box. Now, my problem is, when…
Arter
  • 187
  • 1
  • 13
0
votes
1 answer

Leaflet tap on marker for popup dont work with AngularJS / ui-leaflet on mobile devices

This is a specific Leaflet/AngularJS question and i hope someone can help me. I use Leaflet (0.7.7) in an AngularJS Application with the ui-leaflet(1.0.0) directive. angular-ui/ui-leaflet Everything works fine except of tapping the markers on the…
Sylar
  • 71
  • 6
0
votes
1 answer

Javascript - Angularjs - leaflet. Translation

Everywhere I look on the internet/docs about leaflet I always see this type of statement, example : var map = L.mapbox.map('map', { zoomControl:false }); What does it mean? And how Can I integrate it in Angularjs? P.S. : html-leaflet tag
Catalin
  • 248
  • 1
  • 2
  • 12
0
votes
1 answer

How can I embed a simple mapbox url using the leaflet directive?

I'm new with Mapbox and Leaflet and after checking out the leaflet-directive and Mapbox documentation I can get example maps to work but now when I integrate the two and use the URL I must work with,…
garrettmac
  • 8,417
  • 3
  • 41
  • 60
0
votes
1 answer

Angular-leaflet. required by directive 'center'

I'm looking at this 2 repos : https://github.com/angular-ui/ui-leaflet https://github.com/tombatossals/angular-leaflet-directive I installed the ui-leaflet : bower install --save ui-leaflet I added the dependecy : ['ui-leaflet', ...] But in the…
Catalin
  • 248
  • 1
  • 2
  • 12
0
votes
1 answer

using angular material icons on a leaflet map (instead of leaflet extra-marker icons )

i want to use material design icons as icon on the leaflet map. First I try with the extraMarker like this : var marker = { lat: 51.505, lng: -0.009, focus: true, message: 'hey', …
simplo
  • 91
  • 1
  • 1
  • 10
0
votes
1 answer

Using filelayer plugin with angular directive

I googled a lot and experimented a lot but i was not able to use the filelayer plugin inside my angular application. Even without the Angular directive using plain javascript in my html. I always got the error L.Control.fileLayerLoad does not…
choosyg
  • 774
  • 7
  • 23
1 2 3
…
16 17