0

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 the area is 10km (not very exact), as you can see when I launch the app some circles are outside the radius :

Markers outside radius

It may be an issue of LatLng, but there is also an issue when I update the range of the radius, in the image just below I increase the radius to 25km but the array of the results stills the same, my code don't update their position:

Markers not refreshing

I know not all data is displayed and I'm not sure of how to do this with react-leaflet

See my code juste below :

https://www.zupimages.net/viewer.php?id=22/11/gmq5.png

Thanks for reading guys,

Let me know if you need more code,

Thanks :)

Improve this question
4
  • Could you share the minimal required code here or in a sandbox e.g. codesandbox
    – Disco
    Commented Mar 17, 2022 at 17:21
  • Sorry, I had and issue with Codesandbox so i made a demo version here : vends-twingo2.netlify.app
    – Manuel
    Commented Mar 18, 2022 at 10:42
  • complete code hosted in a image here : ibb.co/rfbtvhj
    – Manuel
    Commented Mar 18, 2022 at 10:47
  • You webpage turns white if I block my position :/
    – Disco
    Commented Mar 18, 2022 at 14:00
Related questions
1
React Leaflet: Updating coords of multiple markers in state
3
How do I update geolocation state in React?
4
React-leaflet: how to update marker positions?
Load 7 more related questions Show fewer related questions

0

Reset to default