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
17
votes
4 answers

Possible to remove leaflet link with image

I am use leaflet-directive to create map using leaflet. Is it possible to remove leaflet link and OSM copyright from the map. I wish to put in leaflet image instead.
Alvin
  • 8,219
  • 25
  • 96
  • 177
12
votes
1 answer

Mouse over Popup on multiple markers leaflet.js?

so I have a leaflet map with lot of markers placed on it. I want to have a popup with like the status of asset etc on 'hover' over the marker. I see some examples on google and try to implement but none of them is firing any events. here is my code…
jsPlayer
  • 1,195
  • 7
  • 32
  • 56
10
votes
3 answers

Check if a polygon point is inside another in leaflet

I'm having two sets of polygon coordinates selected from leaflet geoJSON map. The parent and child coordinates are coordinates are: var parentCoordinates=[ [ 32.05898221582174, -28.31004731142091 ], [ …
forgottofly
  • 2,729
  • 11
  • 51
  • 93
8
votes
2 answers

Angular Leaflet - Map does does not render properly

No matter which way I try in Angular 7, my Leaflet Map does not load properly. I get a block puzzle with half the screen grey and the other half in random disjointed map blocks (see pic). Map Block Puzzle: My HTML has been either:
Moa
  • 125
  • 1
  • 7
8
votes
3 answers

How to change the default icon pin on leaflet directive?

I want to know if is possible change the default icon (blue), with another custom icon when the app is initialized, I read about how to change but I want a custom icon for the entire app. HTML
…
Tabares
  • 4,083
  • 5
  • 40
  • 47
7
votes
11 answers

How to filter angular model (array) without destroying it

I have a model for my view. That model is array of objects: var arr = { "12345qwery": { prop1: "value", prop2: "value" } } // contains 500 items And today I am filtering it in the following way: arr = $filter('filter')(arr, filterTerm); // contains…
1110
  • 7,829
  • 55
  • 176
  • 334
7
votes
2 answers

How to apply css on polylines : leaflet

I am working with the application which uses leaflet api. Introduction I needed to draw different types of fences, using decorators i can somewhat apply good visuals to the polylines but not much. Problem I was willing to show twisted wires instead…
Suhail Mumtaz Awan
  • 3,295
  • 8
  • 43
  • 77
7
votes
1 answer

angular-leaflet-directive custom message html with angular directives in marker popup. How to?

I want to insert my custom html markup with $scope event handlers to message property of leaflet marker. For example: App.controller('testController', ['$scope', "leafletEvents", '$compile', 'leafletMarkersHelpers', function($scope, leafletEvents,…
Eugene
  • 103
  • 1
  • 7
5
votes
0 answers

How to utilize Angular 4 components when creating Leaflet Extended Control?

I am working now a few weeks with Leaflet and Angular CLI on a project involving geo map and in-door maps (Leaflet custom maps). The application is conceptually very simple. I have to provide the user with a list of in-door locations (e.g. room) in…
Nuwanda
  • 123
  • 1
  • 6
5
votes
1 answer

Leaflet - get a map that covers the full screen

In leaflet and mapbox I would like to get rid of the two gray bars above and under the map as seen on the picture below. My #map DOM element takes the full screen and the gray bars disappear when I zoom in (e.g., zoomLevel = 3). So the gray bars…
Robycool
  • 1,104
  • 2
  • 14
  • 26
5
votes
1 answer

AngularJS Leaflet getMap() doesn't work

After adding Leaflet to my AngularJS app: And setting it up: // Initialise the feature group to store editable layers var…
Julius
  • 2,473
  • 3
  • 20
  • 26
4
votes
0 answers

Using two same named angular directives from different modules in a project

I am using angular-leaflet-directive for rendering map and angular-chart for rendering charts in a project. Both are very handy libraries unless you want to enable legend for your charts. In this case, to enable legend for angular-chart directive,…
kokeksibir
  • 1,725
  • 2
  • 18
  • 30
4
votes
2 answers

How do you change the offset for a leaflet popup using angular leaflet directive and geojson?

I'm using the angular-leaflet-directive and geojson to create map markers using leaflet and mapbox. The popups on the markers aren't correctly aligned on the marker. angular.extend($scope, { // Map data geojson: { …
Kyle Pennell
  • 5,747
  • 4
  • 52
  • 75
4
votes
2 answers

angular leaflet custom markers (using angular directives)

I'm trying to create a "leaflet marker" using an angular directive. For design purposes, we separate the presentation and the model so different persons can work on different parts of the application. My issue, more likely, is more a "scope" problem…
Alex Gouvêa Vasconcelos
  • 147
  • 2
  • 11
3
votes
0 answers

Getting the Altitude in leaflet

I was wondering if there is a way to get the altitude for my current location in leaflet like getting the latitude and longitude this.marker = leaflet.marker([e.latitude, e.longitude]).addTo(this.map);
Nouf
  • 733
  • 1
  • 11
  • 32
1
2 3
…
16 17