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

How to change the map center position to top place using Leaflet open street map in angular

In my angular application I have created the leaflet map and over the leaflet map I have created two more panels data in overlapping manner And I have created the circle of 5 km radius on the map. But my problem is the panels are covering the circle…
Haritha
  • 77
  • 2
  • 10
0
votes
1 answer

How can I add multiple button with events for Leaflet Marker tool

I wanted to add more button along with this Cancel button, When user click on marker from leaflet toolbar. Please suggest me the solution or any plugin which helps to achieve this requirement.
vinita jain
  • 163
  • 2
  • 18
0
votes
1 answer

How to place the arc of angle 90 inside the circle of 5km radius using leaflet map in angular and how to change the color of circle

In my angualr project I have created the map with leaflet and created the circle of 5km radius with the coordinates coming from the backend.something like : "drone1": { "Drone": { "Droneid": 1001, …
Bhargavi gottam
  • 93
  • 1
  • 11
0
votes
1 answer

How to detect marker goes inside and outside of the circle using leaflet open street map in angular

I have used the Leaflet open street map. With the API I have fetched the latitude, longitude array and placed the locations - something like this: { "Drone": { "Droneid": 1001, "latlong": [ { "lat": 12.989839, …
Bhargavi gottam
  • 93
  • 1
  • 11
0
votes
0 answers

How to convert Longitude and Latitude to (Address/physical) in Leaflet HTML

This is my html script code: for (var i = 0; i < planes.length; i++) { marker = new L.marker([planes[i][2],planes[i][3]], {icon: option}).addTo(map); marker.bindPopup('Employee: ' + planes[i][0] + '
Department: ' + planes[i][1] +…
Angrya Manyu
  • 1
  • 4
0
votes
1 answer

AngularJs - can't see a leaflet map in a ui-router view

I gave been using leaflet for a while now, with AngualrJs, to show maps. Now, I want to add some complexity and use ui-router to display the map only in one state, which means in one view, which has an associated controller. However, the map does…
Mawg says reinstate Monica
  • 38,334
  • 103
  • 306
  • 551
0
votes
0 answers

How to add zoomhome plugin to leaflet map in ionic app?

I am trying to add the zoomHome plugin to my leaflet map in my ionic app. The map is displaying as expected before adding this code. I added the below code inside the section of index.html:
user9847788
  • 2,135
  • 5
  • 31
  • 79
0
votes
1 answer

Leaflet map doesn't load with angular-leaflet-directive

I directly copied and pasted the source code, from this webpage, onto my compiler: http://tombatossals.github.io/angular-leaflet-directive/examples/0000-viewer.html#/basic/first-example I included the following source files within my HTML file…
Cascara
  • 83
  • 1
  • 3
0
votes
1 answer

Add leaflet ImageOverlay to Layers Control

I use leaflet with the Angular package ngx-leaflet and just trying to get my layer for ImageOverlays in my LayersControl, so I can show or hide this layer in the map based on a checkbox. Somehow it does not work as described in the documentation.…
Codehan25
  • 2,704
  • 10
  • 47
  • 94
0
votes
0 answers

Not able to add search control using leaflet search plugin and angular-leaflet-directive

I am trying to add leaflet-search control and below is the code: angular.extend(_scope, { london: { lat: 28.7041, lng: 77.1025, zoom: 12 }, controls1: { search: { …
max
  • 34
  • 2
  • 12
0
votes
1 answer

Update Leaflet Marker

it's about leaflet marker on angular 5 , the marker value is dynamic and I need to draw just the last result. How can I do it please? var markers; markers = new L.LayerGroup().addTo(myfrugalmap); let timer = TimerObservable.create(0,…
YASSIR EL HOUSNI
  • 3
  • 5
0
votes
0 answers

Leaflet Marker update

Hi I have a question about leaflet marker on angular 5 , the marker value is dynamic and I need to draw just the last result. How can I do it please? is here someone who had the same problem? var markers; markers = new…
YASSIR EL HOUSNI
  • 3
  • 5
0
votes
0 answers

Configure openseamap Tile Layer

I am using Leaflet with AngularJS through angular-leaflet-directive and I want to configure openseamap Tile Layer. How can I do this? I tried to replace openstreetmap URL with opensea map but it did not work. layers: { baselayers: { …
rajmohan
  • 1,618
  • 1
  • 15
  • 36
0
votes
0 answers

browser connectivity status using leafletjs

Currently I am using leafletjs for showing maps. Is there a way I can detect browser offline or online status.
Pradyumna Ravuri
  • 43
  • 8
0
votes
1 answer

Leaflet showing error in developer tool "t.on is not a function"

I have problem when i am using leaflet library 1.0.3 and it works fine and show no error or warning when it is 0.7.7 i have using following libraries: angular 1.5.8 angular material 1.1.3 angular-leaflet-directive 0.10.0 leaflet - 1.0.3 My map is…
Harsh Batham
  • 1
  • 1
1 2 3
…
16 17