Skip to main content

All Questions

-1 votes
2 answers
68 views

Have to click 2 times before it opens my component

GM, I am a beginner in Angular, i use Leaflet for my application. I created some markers, and i want to open another component when i click on the marker. This is the marker click marker.on('click', ()...
Makil Uspn's user avatar
0 votes
0 answers
325 views

Angular Leaflet add numbers to custom iconUrl markers

I want to add numbered markers in Leaflet map , though Im using custom images as markers iconUrls , the numbers doesn't feet with the custom icons this is my code. this.marker1 = marker([...
anfieldspirit's user avatar
0 votes
0 answers
432 views

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 ...
beste's user avatar
  • 21
0 votes
1 answer
411 views

moving marker does not exist on type of import

moving marker does not exist on type of import please help me to solve this error. I have installed npm package npm install --save leaflet-moving-marker but it shows the error moving marker does not ...
Rajat Singla's user avatar
0 votes
2 answers
5k views

How to implement movingMarker of leaflet-moving-marker on Angular?

I'm trying to implement moving maker of leaflet-moving-marker but some errors occur. import {movingMarker} from 'leaflet-moving-marker' var myMovingMarker = L.movingMarker([[48.8567, 2.3508],[...
Stefani Toto's user avatar
1 vote
2 answers
8k views

how to add styles for custom leaflet popup

I am trying to add styling of marker popup but styles are not reflecting on popup. Also not able to add priming button. import { Map, marker} from "leaflet"; const popupOptions = { className: "...
vinita jain's user avatar
1 vote
1 answer
1k views

Change duration/speed of Leaflet moving marker during animation dynamically

I am using leaflet moving marker functionality. I have defined duration when define marker. this.marker = L.Marker.movingMarker(this.locations, this.duration, {autostart: false}).addTo(this....
Hunzla Ali's user avatar
0 votes
0 answers
584 views

TypeError: Cannot read property 'lat' of undefined after i try to add a button

hello to those who see this, I'm a beginner in typescript development so i try my best I got this error after trying to add a button "const btnItinerair" to my popup on another page I didn't have any ...
NCA.Rony's user avatar
1 vote
1 answer
562 views

Angular - leaflet marker event to open modal component

l use leaflet with angular and i would like to make click addEventListener on marker for open modal component . But the problem is while i run my code below , the addEventListener is open the modal ...
Ali Ghassan's user avatar
  • 1,180
2 votes
1 answer
1k views

How to change the default color of leaflet-routing-machine marker

I'am using leaflt-routing-machine plugin, and I need to change color of markers from blue to red, any suggestion please ?!
Soukaina EL HAYOUNI's user avatar
4 votes
1 answer
3k views

Leaflet divIcon not displaying on map in angular

I am trying to add a divicon marker in angular leaflet. component.css: .leaflet-div-icon2 { background: #e5001a; border:5px solid rgba(255,255,255,0.5); color:blue; font-weight:bold;...
semantic_c0d3r's user avatar
2 votes
2 answers
3k views

Angular 7 variable access problem on Leaflet map event

I'm using Leaflet on Angular. I created a map. Later I added a marker to the map. When click a location on the map onMapClick function is called. But I can't access marker and map in onMapClick ...
Hermes's user avatar
  • 452
2 votes
1 answer
8k views

How to show Leaflet markers in Angular?

I am using leaflet and after a lot of research i still cannot get my marker to show on my map. I tried all the solutions I could find out there. Even the the angular workaround suggested by Leaflet. ...
felixo's user avatar
  • 1,573