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

Leaflet routing machine usage limits

I am wanting to find out if there are any usage limits for the leaflet routing machine library. In particular what's the maximum number of waypoints that can be supplied as part of routing requests and are there any limits to how many requests can…
0
votes
1 answer

panTo() duration not working?

I would simply like to pan to a coordinate on my map using: earth.panTo([0,0], {animate: true, duration: 2.0}); But the duration option is being ignored -- it seems the default duration is 10 seconds and can't be changed. For what it's worth, I'm…
0
votes
0 answers

Error w/ Leaflet non-standard screen resolution

I am not sure what the problem is, but this is a description of behavior and description of the problem: I have two points and a track (it's all good now): Change a scale of display (to simulate the behavior of the laptop with non-standard…
Alexander Shtang
  • 1,819
  • 4
  • 15
  • 24
0
votes
1 answer

Leaflet Delete polyline between 2 markers

How I can delete the polyline line between 2 specific marker. I have many polyline connected with many marker . But i want to delete any sspecific line on double click . How Can I do that ? I am using leaflet to draw the polyline. here suppose I…
upendra
  • 339
  • 4
  • 20
0
votes
0 answers

$scope.path not working when click

I'm trying to make the path change when I click a btn but, it doesn't work . I tried the paths-ajax-load-example but could't make it work. Im not sure if it's a problem with the lib html code
Sebastian S
  • 807
  • 6
  • 15
0
votes
1 answer

Leaflet L.Icon marker not removing on Map reload

Map contains two types of markers Circle icon is added by: let circle = new customCircleMarker([item.latitude, item.longitude], { color: '#2196F3', fillColor: '#2196F3', fillOpacity: 0.8, radius: radM, …
0
votes
1 answer

Angular ui-leaflet Map ,satellite hybrid option going under the map?

so i want the button that let me choose satellite and hybrid to stay open and seen, but as soon as the map load, the map layer go over the the button. i can see the button is still there when i suddenly move or zoom out where the map render the…
jsPlayer
  • 1,195
  • 7
  • 32
  • 56
0
votes
1 answer

Leaflet Panning clears all markers

I'm using leaflet + the leaflet directive and I noticed last night that if I pan too far to the left or right it creates a new instance of the map which doesn't contain my geojson markers. Is this a known issue or did I miss configure my code?…
altShiftDev
  • 1,564
  • 1
  • 9
  • 20
0
votes
0 answers

Leaflet Marker cluster error

I'm implementing leaflet map with clustering markers using angularjs. When button click, the leaflet map has to been shown as empty layer. I got some web console-error. I already install the below packages using bower bower install…
0
votes
2 answers

Angular-leaflet: How to add multiple geojson from ajax response

I'm trying to dynamically add multiple GeoJSON data to my map. as shown below. However I don't see the data getting rendered. $http.get("/kp-data").success(function(data, status){ angular.forEach(data, function(k,v){ …
Karthik Prasad
  • 9,662
  • 10
  • 64
  • 112
0
votes
1 answer

Angular leaflet - Showing multiple marker issue

I am using the following code to add markers in leaflet: .controller('MapController', [ '$scope', '$cordovaGeolocation', '$stateParams', '$ionicModal', '$ionicPopup', '$http', function( $scope, …
Joh Noe
  • 1
  • 2
0
votes
1 answer

Displaying hash in URL using location.replace(hash)

Tech Stack AngularJS v1.2.28 - cannot change this Angular Leaflet Directive Leaflet 1.0.0-beta.2 Esri Leaflet v2.0.0-beta.6 Intro I've run into some trouble. I'm trying to use leaflet-hash.js as a way to allow users to share their location with…
0
votes
0 answers

Having trouble connecting MongoDB with Leaflet using Node.js

The following code works and shows my marker (var testing) on my website map, but when I switch over and try and pull the same JSON file from MongoDB I cannot get it to show up on the map. How do I call the service call from my…
0
votes
1 answer

angular leaflet directive custom popup click event not triggered on iOS devices

I am using angular leaflet directive and ionic to develop map on iOS devices, and I need the popup clickable, it works fine on web browsers, but not on iOS simulator. var html11 = '
0
votes
1 answer

angular leaflet directive customized popup

I have a question about angular leaflet directive customized popup using compile template. I am using ionic 1.2.4, angular leaflet directive 0.10.0 and leaflet 1.0.0rc-1. In the controller, I wrote the following code. var marker = { …