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

Generate gps marker's icon in CSS3 for OSM

I'm generating an OpenLayer map with different markers. All is controlled with Angular and the leaflet directive. My question : I'm wondering if it's possible to generate my marker's icons in pure CSS3 instead of using png images ? The code which I…
Okyne
  • 95
  • 9
1
vote
1 answer

Angular-Leaflet-Directive + JSON markers

Try create Leaflet Map with clustering markers in my app. Using for this Angular Leaflet Directive plugin. It's work with example controller and JSON data, but I have other JSON with other data format and have problem with get lattitude and…
KingStakh
  • 303
  • 3
  • 13
1
vote
0 answers

Leaflet.js localization request text on iPhone

When I deploy my leaflet app to ios, the system asks me whether the user trusts application /private/var/mobile/Containers/bundle/Application/BLABLABLANUMBERS234234/www/index.html to use the current location? How can I Replace the path with the…
El Dude
  • 5,328
  • 11
  • 54
  • 101
1
vote
2 answers

AngularJS Leaflet Markers Won't Render

I've been trying to implement a marker and path trail to a leaflet map inside an ionic project and have been using following this angularJS with Leaflet documentation/example found here. However, when implementing I cannot get the pins to be…
garrettmac
  • 8,417
  • 3
  • 41
  • 60
1
vote
0 answers

Leaflet ionic position errors

From some time on I am getting [Log] PositionError (mapController.js, line 141) code: 2 message: "" __proto__: PositionErrorPrototype in Safari on OSX and iOS when I run my Leaflet.js based app and the example that it's based on. When I started…
El Dude
  • 5,328
  • 11
  • 54
  • 101
1
vote
3 answers

Angular-Leaflet-Directive: Set opacity of a layer

I am using the angular-leaflet-directive. Is there an option to change the opacity of a layer? With 'regular' leaflet I can use layer.setOpacity(0.5). But there seems to be no option in the angular-leaflet-directive. Edit: here is my leaflet…
fwind
  • 1,274
  • 4
  • 15
  • 32
1
vote
1 answer

Leaflet-draw : Create editable layers

My objective is to have a map to which I can add markers/polygons/... These elements will be saved into an Object for saving. The drawn elements can later be edited/deleted or added to. I have successfully managed to create/edit/delete them, but…
GuillaumeS
  • 407
  • 1
  • 6
  • 16
1
vote
1 answer

Leaflet click event not working on iPad

I'm using the angular leaflet directive. Everything is working properly on my laptop. But on iPad, the double click is working but the click event is not working at all. I have one event handler for click but it doesn't get triggered. …
ruben1
  • 83
  • 1
  • 6
1
vote
1 answer

Create a smart, interactive map like the ones used on the FourSquare site

First off, I'm trying to create something like this using Angular.js: https://foursquare.com/explore?mode=url&near=San%20Francisco%2C%20CA&q=comedy In summary, here are the tools I've tried: Mapbox.js Leaflet.js Angular-Leaflet directive For each,…
Michael P.
  • 1,373
  • 3
  • 12
  • 33
1
vote
1 answer

Markers not appearing in leaflet

I am trying to load the position form the database and assign it to marker(lat, lng). But when I push the new marker to my markers array, the markers are not appearing on the leaflet map. I am creating the marker like this. $scope.markers = new…
Shiva
  • 235
  • 1
  • 4
  • 14
1
vote
2 answers

How to remove leaflet-marker-pane in leaflet map?

I have implemented a pin pointer in my leaflet map. function showLeaflet() { var map = L.map("map", {minZoom:1, maxZoom: 1}).setView([66, 384], 1); var imageUrl = detailResult.deck[deckFloor].deckplanLarge; var imageBounds = [[0, -200], [768,…
Vimal
  • 2,767
  • 3
  • 19
  • 24
1
vote
1 answer

how make ng-model="search" have influence on leaflet directive?

I use leaflet-angular-directive, i successfully display objects in table and map, although i achieved filtering through searching input only affect geojson objects in table. My aim: make filtering through searching input affect geojson objects in…
Igor
  • 1,384
  • 3
  • 17
  • 34
1
vote
1 answer

Closing angular-leaflet popups on event

Is there a function that I can call to close all open popups in the angular-leaflet directive? Working from the jQuery suggestion from here I have tried the following: document.getElementsByClassName('.leaflet-popup-close-button').click(); but I…
Tony Laidig
  • 1,048
  • 2
  • 11
  • 33
1
vote
2 answers

Make marker message/label clickable in angular-leaflet-directive

I'm using angular-leaflet-directive and am trying to make my marker messages clickable. When I use html in the marker message the html is rendered correctly but ng-click doesn't work. Here's what I have. $scope.map.markers.push({ lat: lat, …
Dev01
  • 13,292
  • 19
  • 70
  • 124
1
vote
2 answers

AngularJS Leaflet memory leak

There is a clear memory leak in my Angular app wherever I use the following leaflet directive: https://github.com/tombatossals/angular-leaflet-directive. Note that the directive works fine, however the memory footprint continues growing as I…
Rodhoohoo
  • 83
  • 1
  • 9
1 2 3
…
16 17