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

Getting SQL.Database is not a constructor (leaflet-tilelayer-mbtiles-ts || sql.js)

While importing any mbtiles file, i get this error : I had an error before that was about assigning a value to a readonly property named stack, so after searching a bit i figured that i had to update the sql.js library to a newer version, then i…
Syler
  • 23
  • 4
0
votes
0 answers

how to show the selected route and alternate routes in leaflet

i have one requirement to show the user selected route first and user can able to switch the route by selecting other routes, currently i can able to show the route with showing alternate routes, is there any way to select specific route by default…
Saee Kumar
  • 1
  • 1
0
votes
1 answer

How to make a leaflet AwesomeMarkers blink

I am trying to make my marker blink on a certain occasion using the alarm-blink class. Currently, I am only able to make the icon blink and not the entire marker. Here is the relevant code I am using: --TS-- static create(layer: MapViewLayer)…
ojoaovitoraraujo
  • 57
  • 1
  • 8
0
votes
1 answer

How do I remove the border that appears when map area is selected in Leaflet map

I created a leaflet map that overlays map tiles using a GeoJson file. When I click on a area that I have overlaid a ugly black border appears as below. I also have used leaflet tooltip to bind a tooltip to each feature area with the below…
Ovindu
  • 11
  • 2
0
votes
1 answer

make a bounding box that are select an area in the leaflet map using leaflet-area-select

I have an angular component and I want to use leaflet-area-select I import it and install it but when I call it in the code it's returning : Property 'areaSelect' does not exist on type 'typeof import("c:/Users/DELL/Desktop/New folder…
Ghaid_SS
  • 7
  • 3
0
votes
1 answer

Leaflet - Map container is already initialized on page change

I am developing an app with angular I have integrated a complement that uses Leaflet to show a map with marks on specific points. As I've said, I developed a component to reuse on different pages. But when I change between pages that use this…
Emili Bellot Pulido
  • 21
  • 5
0
votes
0 answers

How to Spiderfy all the markerClusters in Leaflet markerClusters map library

I am using Leaflet masterCluster in angular for maps. I have added some markers in the map and i can see the marker clusters in the map. Currently i am able to spiderfy when i click on the marker cluster. My requirement is to make all clusters…
Mahendra pratap singh ahada
  • 255
  • 3
  • 10
0
votes
0 answers

Leaflet - How can I remove the old moving markers from the map's background?

I have almost 500 markers, and these markers have another marker. These two markers are also in motion. It gets a location update every 10 seconds. Black circle marker is main marker, blue one is connected marker: I control the connected marker…
beste
  • 21
  • 1
  • 3
0
votes
2 answers

How to Calculate the distance between two markers in leaflet using distanceTo() method?

I need your help to calculate the distance between two markers using distanceTo() method. I tried to implement that in Angular, but the following error has occurred in the console: Here's the code: display() { let from_select = $('#from_station…
user12499321
0
votes
0 answers

How to include the leaflet map in angular formly with custom component

I have to create the leaflet map where I have used the angular formly . and I have created the custom component for leaflet map as leaflet.component.ts import { Component, OnInit } from '@angular/core'; declare let L: any @Component({ selector:…
user1
  • 1
0
votes
0 answers

How to integrate the leaflet map in angular

I want to show the leaflet map in angular application As I have used the angular formly for application with tabs because In my application I have to create the dynamic forms In third tab I have to place leaflet map and remaining tabs containing…
user1
  • 1
0
votes
1 answer

How to create the leaflet map in angular formly

My requirement is to create the leaflet map in angular formly,but I am new to this formly and I know how to use integrate the map with normal html in angular as below map.component.ts ngOnInit() { const map =…
user
  • 27
  • 11
0
votes
1 answer

How to remove or empty the leaflet map based on the condition

I want to remove the map based on the selected condition. .component.ts dataChanged (selectsensor) { console.log(selectsensor) for( var j=0;j
user
  • 27
  • 11
0
votes
1 answer

Getting the error of map container not found in leaflet map

My requirement is to show the multiple leaflet maps(based on the backend data) on the page. map.component.ts for (var i = 0; i < this.mapleaf.length; i++) { map[i] = L.map(this.mapleaf[i]).setView([12.9249, 80.1000], 12); …
Haritha
  • 77
  • 2
  • 10
0
votes
1 answer

How to create the multiple leaflet maps on the page in angular

I have created the leaflet open street map given below. .component.ts map = L.map('map').setView([12.876, 80.599], 12); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '©
Haritha
  • 77
  • 2
  • 10
1 2 3
…
16 17