All Questions
14
questions
3
votes
1
answer
5k
views
React leaflet How to have all markers with a specific icons but the one active with a different icon
So I am trying to have an active marker that is different from the rest of the non active marker.
So basically I want something like this.
To display all of the icon I am using the following.
that is ...
2
votes
1
answer
3k
views
ReactJs Leaflet Marker Location Position Problem
I am trying to add a map in my reactjs project with leaflet and want to show the location's of vehicles on the map. I made a sample usage for this. But When i used marker on the map i see that (as you ...
2
votes
1
answer
11k
views
React-Leaflet draw circle markers on map
I'm new to Leaflet/React-Leaflet and I am trying to plot a circle marker on a map and I'm having trouble. React-Leaflet's documentation is not very good. I have figured out how to add a popup that ...
1
vote
1
answer
2k
views
How to display markers from array in reactjs using leaflet charts
I have one array with three indexes - ID , LAT, LNG.
I want to get LAT & LNG from my array and set the values on my marker.
For the first index I want to display a PopUp.
I use leaflet charts for ...
1
vote
1
answer
937
views
react map leaflet circleMarker doesn't render
I have a leaflet map, and I have one button. I want to display some circlesMarker when I click on a button and remove the circlesMarker when I click again (remove option is not implemented yet)
I don'...
0
votes
1
answer
1k
views
Is it possible to display react leafletjs markers on specific zoom levels?
I'm using react Leaflet js map, and I'm displaying markers of fetched data from my database on the map, but the issue is that I have kind of 5000 markers and it's a lot to display on zoom level 9, so ...
0
votes
1
answer
435
views
How to add Markes to a Leaflet-map with coordinates from database in Next.js?
I have to display markers for all the places in my database. At the moment I can display just one marker.
I maped over the array from database but I do not know how to connecte these two. I would ...
0
votes
1
answer
50
views
Leaftlet divIcon with clickable button
I'm working on leaflet and I wanted to add click event for a icon in the custom divIcon as below,
If user clicks on the edit(pencile) icon then click event should trigger,
Here is the code I'm ...
0
votes
0
answers
125
views
[React][React-Leaflet] Updating position after changing radius
I am working on a React-app to find a soccer club near the user position, I want to let the user change the radius around him in order to find some results in his area.
So for now the default value of ...
0
votes
0
answers
2k
views
React-Leaflet custom markers with condition
Hej!
I'm very new to leaflet and react and have an issue changing the icon of the marker based on a condition.
I want different colored markers based on the project and set the opacity based on the ...
0
votes
0
answers
872
views
Dragging event not working on React leaflet
I'm trying to update the latitude and longitude coordinates after dragging a Marker over an Leaflet map in my React project. This is my map container component:
import React from 'react';
import { ...
0
votes
0
answers
867
views
How to rewrite from react-leaflet v2 to v3?
There is a library that runs on react-leaflet v2. https://github.com/somarmeteorologia/react-leaflet-markers
But my project uses react-leaflet v3. Therefore, this library needs to be rewritten for the ...
0
votes
0
answers
310
views
Leaflet: Trying to load more(50K) marker icons to L.canvasLayer each marker has dirrerent rotation. Performance issue
I am loading 50K markers with custom icons and rotation angle for each markers. When i load 50K markers using canvasLayer it loads very fast.
var map = L.map('map').setView([59.9578,30.2987], 10);
...
0
votes
2
answers
907
views
PruneCluster and React.js
Some used them together?
Maybe there is a component for the PruneCluster?
It will be great to see some examples/tutorials....