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

Steps to use angular leaflet directive in typescript

I would like to use angular-leaflet-directive in my typescript project? what are the steps involved in this process? Do I need type definition file for angular-leaflet-directive? or just having typescript definition file for leaflet is enough? Can…
LearnForever
  • 175
  • 2
  • 3
  • 15
0
votes
2 answers

AngularJS pass data to template view

I'm using angular-leaflet-directive, and I want to display a Template when a marker is clicked. I'm getting the markers from a web server, and storing them locally in an array. the way that I'm creating the markers is: $rootScope.markers.push({ …
RaidenF
  • 3,411
  • 4
  • 26
  • 42
0
votes
1 answer

How to place image between two marker using css : leaflet

In my application where i use leaflet api, i am able to put two gate markers and polyline drawn between them. Here, i just wanted to find out the way to put the image from css on the polyline which should fit between two markers.I know the image has…
Suhail Mumtaz Awan
  • 3,295
  • 8
  • 43
  • 77
0
votes
1 answer

Drawings not visible after removeLayer method : leaflet

Introduction As i am working on application which uses leaflet api. Live Here Where first user enter '1' as input to load the image on map. Then user can draw different shapes(fences) using bottom-left buttons. The 'eraser' button is suppose to…
Suhail Mumtaz Awan
  • 3,295
  • 8
  • 43
  • 77
0
votes
1 answer

How to calculate pixels on latlng base: leaflet

I am working with the leaflet api.Where User draw a polyline and latlongs saved in variables. I been looking for a leaflet function which suppose to take latlongs and calculate pixels.Found the layerPoint function but as i have low understanding of…
Suhail Mumtaz Awan
  • 3,295
  • 8
  • 43
  • 77
0
votes
1 answer

Binding Custom Markers with base layer : leaflet

Working with leaflet api where i have added a custom marker control... There also we can add multiple baseLayer and toggle between these layers.... Lately i was trying to bind the markers with this base layer and i can't understand the documentaion…
Suhail Mumtaz Awan
  • 3,295
  • 8
  • 43
  • 77
0
votes
2 answers

How to store e.latlng into array : leaflet

I am working with leaflet api where user can put markers on map. I have made a custom button for putting marker. I am willing to draw line between those markers i.e. using L.polylines() but as I am new to javascript and leaflet I can't understand…
Suhail Mumtaz Awan
  • 3,295
  • 8
  • 43
  • 77
0
votes
1 answer

Binding drawn shapes/markers with specific toggling layer : Leaflet

I am working with the application Beta_Here which uses leaflet plugins, all libraries are local except for few(css related) Usage of application live First View:This application get input from user and set the distance calculation formula…
Suhail Mumtaz Awan
  • 3,295
  • 8
  • 43
  • 77
0
votes
1 answer

Load and Manipulate an SVG with JS that isn't part of the DOM

I'm using leaflet js with custom markers. These markers need to move, change colors, and rotate. Movement is fairly simple as marker locations can be updated. For color I need to access a particular path on the image, which is an svg. Rotation…
David
  • 51
  • 1
  • 5
0
votes
0 answers

Leaflet angular error not render properly

I am trying to implement a simple leaflet map in my angular test page. I am having the problem you see in the photo attached. My code is the code in this example: http://jsfiddle.net/tombatossals/4PhzC/ I have some other things in my page as for…
Biribu
  • 3,615
  • 13
  • 43
  • 79
0
votes
1 answer

Reset svg container to current view

I want to add SVG-overlays to a leaflet map. I add a SVG-container to the overlay pane where I append my SVGs. This works however my SVG-container keeps scrolling with the map. To display my SVGs properly I want the container to always span over my…
fwind
  • 1,274
  • 4
  • 15
  • 32
0
votes
1 answer

Detecting right click position on angular leaflet map

I have a mobile page showing a map using angular-leaflet-directive 0.7.11, and have declared my required events like so: $scope.map = { events: [ 'mousedown', 'contextmenu' ], …
Brian
  • 7,394
  • 3
  • 25
  • 46
0
votes
1 answer

ionic + angularjs leaflet directive: cannot display fullscreen

I am using https://github.com/calendee/ionic-leafletjs-map-demo/ with an updated angular-leaflet-directive.min.js (0.7.15) as the demo is using the old version. I could not able to produce the fullscreen button as shown in here:…
Kyros Koh
  • 188
  • 2
  • 12
0
votes
1 answer

How to get the leaflet-control-layers-toggle icon to show with angular-leaflet-directive

Following instructions as per Layers Simple example on tut: http://tombatossals.github.io/angular-leaflet-directive/#!/examples/layers-simple Inclusion of below successfully loads on page, yet icon in top right to toggle different layers is not…
kuanb
  • 1,618
  • 2
  • 20
  • 42
0
votes
0 answers

Displaying Leaflet DrawControl in $scope.map in ionic + angularjs leaflet directive

I am using https://github.com/calendee/ionic-leafletjs-map-demo/ with an updated angular-leaflet-directive.min.js (0.7.15) as the demo is using the old version. I have a problem in adding the DrawControl in the $scope.map (in mapController.js) in…
Kyros Koh
  • 188
  • 2
  • 12
1 2 3
…
16
17