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

Angular leaflet directive issue: other parts besides the map does't show the second time entering the page

Angular leaflet directive issue: other parts besides the map does't show the second time entering the page. I am using ionic and angular leaflet directive to develop a map function. On iPhone, iOS10 this issue occurs, while on browser, it works…
xiangzuomanongerbude
  • 117
  • 1
  • 2
  • 16
1
vote
1 answer

Execute Leaflet API after a $scope variable changed on angular

I have to bind js event on a element after it have been shown by changing a $scope variable using ng-show. After I change the scope I run JS script but the Js is fastest than angular that he miss found some div not shown yet by ng-show. Here is a…
SWahi
  • 96
  • 1
  • 9
1
vote
0 answers

Angular Leaflet Directive simple map example

I'm trying to get the basic map to show on my page and all I get is a blank page. This is my html: example
mwdowns
  • 75
  • 1
  • 2
  • 8
1
vote
1 answer

Get the name of the state in Deutsch using OpenStreetMap

Currently I am using below url to get details of given address. link respective code in controller to generate above url is as below: var query = [address.streetName, address.streetNumber, address.zipCode, address.city, 'Deutschland'].join('…
Pradeepb
  • 2,564
  • 3
  • 25
  • 46
1
vote
1 answer

How to open map drawn from a leaflet class as a pop up window or in a new tab?

I have the following lines of code that generates a map, as seen it makes use of leaflet class to render it. Which works just fine, except that I additionally require the map to open as a new pop up window, or in a new tab on clicking anywhere on…
code.rhyme
  • 67
  • 4
  • 12
1
vote
1 answer

Angular leaflet maps show grey color with tile layer

I'm using angular-leaflet-directive to render leaflet maps on my web-app, also I'm getting tiles from Carto service. The problem is that when I add the tile layer, the tiles apeear as expected but the whole map fills with grey color. Any ideas what…
Ostap Lisovyj
  • 180
  • 2
  • 17
1
vote
0 answers

Ignored attempt to cancel a touchstart event with cancelable=false warning on click and drag events

Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. I keep getting this error message when trying to click or drag the map. double tap works fine…
Nicholas Tsaoucis
  • 1,381
  • 2
  • 17
  • 39
1
vote
1 answer

Leaflet fitBounds incorrectly moves the center of the map

I have a map with a circle drawn on it placed in the center of the map. Circle is always present on the map. Radius of the circle is adjustable by the user. On each radius change I am calling fitBounds like…
user3002996
  • 329
  • 4
  • 18
1
vote
0 answers

Pop Up using LeftletdirectiveMarker.map.click

I am relative new to Angularjs and i am currently working on a project but I hit an obstacle. I've been trying multiple ways to do this but Im all out of idea. Here is a picture of what I want to do: Map So on this picture, there are icons and what…
user3700560
  • 11
  • 1
  • 2
1
vote
1 answer

How to pass dynamic $scope via $scope.extend to leaflet center and marker

current situation: I've got an api/json-string with geolocation data for an airplane take off and landing position (each one lat & lng) as you can see in the top right corner of the console. And I've got a working leaflet directive, if I use…
GER_det
  • 139
  • 2
  • 14
1
vote
1 answer

Tap/click Marker events not working in angular-leaflet-directive on mobile devices

I have problem with click/tap Marker event handling when I try it out on mobile device (Google Nexus 5 + Chrome). I have map built into my AngularJS app with angular-leaflet-directive. There're some markers on this map. When user click/tap on…
kardanov
  • 575
  • 3
  • 13
  • 25
1
vote
2 answers

Angular leaflet directive click events not working on mobile devices

I am using leaflet and angular leaflet directive in ionic for map development, the map is mapbox. In browser, everything works fine, but on iPad emulator, the click events don't work at all, including markers and zoom buttons. But the dbclick to…
xiangzuomanongerbude
  • 117
  • 1
  • 2
  • 16
1
vote
1 answer

Angular Leaflet - GeoJson hidden on layer change

I have a leaflet map with 2 layers First layer layers: { baselayers: { osm: { name: 'OpenStreetMap', url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', type: 'xyz', visible : false, …
Weedoze
  • 13,683
  • 1
  • 33
  • 63
1
vote
1 answer

LeafletJS handle markers on continuous map

I am seeing one problem with the LeafletJS map that the map is continous (infinite) to East and West. Howerver, it does not handle marker positions right. When I set a marker and focus on the marker I for sure see it in the right place. But when I…
El Dude
  • 5,328
  • 11
  • 54
  • 101
1
vote
1 answer

Leaflet directive - display png full screen

I am currently working on a project that has to display geojson data on a map. I am using the leaflet-directive for AngularJS and it works fine. My map is correctly displayed with the geojson data. ANGULAR CONTROLLER angular.extend($scope, { …
Weedoze
  • 13,683
  • 1
  • 33
  • 63
1 2 3
…
16 17