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

change default icon toolbar (Leaflet)

how can i change default toolbar icon to something else on leaflet.. picture above show the default view of icon.. i want to customize and change the icon to something else for example the first icon i want to look like as a bridge and second text…
paan
  • 335
  • 1
  • 2
  • 12
3
votes
2 answers

Leafletjs: How to have new marker in first click then update the latlng of marker in second click

I have list of markers that want to render in the map, but I want it one by one. In first click I want to make new marker. Then when I click to another location, I want my marker to just move to the new latLng not to create another marker. Here is…
jaspher chloe
  • 509
  • 5
  • 15
3
votes
2 answers

Reuse existing map instance for Leaflet directive

I'm trying to add the Leaflet Editable functionality to my current map which map is created by the leaflet directive. I'm getting the L.map instance with: leafletData.getMap().then(function(map) { // where map is the Leaflet map…
Lt.
  • 1,268
  • 1
  • 13
  • 28
3
votes
1 answer

Angular Mapbox vs Angular Leaflet Mapbox vs Angular google maps

I am pretty confused on which one to use. I am currently using angular mapbox --> http://inkblot.io/angular-mapbox , but the docs do not explain certain features I want like how to connect markers from an API call with lines and how to get the map…
Alex
  • 121
  • 1
  • 11
3
votes
0 answers

How save state of an ImageOverlay : Leaflet

Introduction I am working with leaflet api, to create an application which uses two imageoverlays(added to map). Problem As I loaded two imageoverlays to map with fixed bounds. Now I am have put the controls to toggle the imageoverlays i.e next and…
S.Zirk
  • 139
  • 1
  • 2
  • 9
3
votes
1 answer

adding ng-repeat is causing Error: $compile:ctreq

I have a custom directive that requires the leaflet directive so I can access the controller: restrict: 'E', require: '^leaflet', scope: { }, template: "", link: function(scope, element, attrs, controller) { } When I use my custom directive in my…
Mike S
  • 11,329
  • 6
  • 41
  • 76
3
votes
1 answer

"ghost" clusters when customizing markercluster icon using angular-leaflet-directive

I'm trying to customize angular-leaflet markerclusters with the following code : overlays: { defaultOverlay: { type: 'markercluster', name: 'defaultOverlay', …
Holmeron
  • 140
  • 1
  • 9
2
votes
1 answer

How to add multiple set of marker?

I need to have multiple layer of icons drawed on my map. Each set of that icon must be rendered or not by clicking on the option panel. I found all examples that shown how to add a single marker or a group of markers, but nothing about a plurality…
Andrea Scarafoni
  • 937
  • 2
  • 13
  • 26
2
votes
1 answer

Add component to ngx-leaflet marker popup

How is it possible to bind a custom component to the ngx-leaflet popup? For example, I want to render a custom element in a popup that when I click on it my component is rendered and not the standard popup from the leaflet.
Sim_on
  • 164
  • 1
  • 11
2
votes
0 answers

Including external plugins

Is it possible to include extern plugins to my ngx-leaflet app? Because I would have to implement Leaflet.LayerGroup.Collision and Leaflet.Arc, but I don't know how to do it. Please let me know if you have an idea :) Thanks for any answer!
Tobias Gruber
  • 21
  • 2
  • 4
2
votes
1 answer

Transform X and Y coordinates inside a (rotated) ImageOverlay to latitude and longitude

after reading through Projection's documentation, and some fail-and-try testing, i have found myself unable to find a solution to this issue. Al the solutions i find play with the fact that the x and y coordinates are in reference to the mercator…
CptEric
  • 897
  • 9
  • 23
2
votes
2 answers

Angular NgRoute and leaflet declaration directive

I'm pretty new to Angular, and I'm trying to make a little app for learning. I use the leaflet directive and want to add the NgRoute directive too but I have some errors in the console. Here is my code : var app = angular.module('demoapp',…
Thibault
  • 137
  • 8
2
votes
2 answers

Center leaflet marker after moving map

I have been trying to add a logic where by when you start dragging the map around the marker will stay in the center of the map and then return the lat and lng of the new position. Please see the Plunker of what I have done thanks Plunker var…
PHPnoob
  • 293
  • 1
  • 3
  • 12
2
votes
1 answer

D3 with latest leaflet version

All the sample available for using leaflet with d3 is using leaflet version 0.7.x which was released in 2015. Why are all modules and examples using so old leaflet version? For…
Shashwat Tripathi
  • 572
  • 1
  • 5
  • 19
2
votes
1 answer

angular 2 Leaflet dynamic binding on popup

I'm newbie on angular2. I've a map with some maker and I'm able to bind into popup content a static html code L.marker([long, lat], { icon: L.icon({ iconUrl: 'assets/marker-icon.png', shadowUrl: 'assets/marker-shadow.png' }) …
Claudio Pomo
  • 2,392
  • 7
  • 42
  • 71
1
2
3
…
16 17