Skip to content
Submitted about 2 years ago

IP Adress tracking using ReactJS, IP Geolocation API and Leaflet maps

react, bootstrap
Gonzalo Morales•110
@Gonzalomorales1001
A solution to the IP Address Tracker challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I don't quite understand how the "react-leaflet" library works, so I don't know how to use the "flyTo()" function to go on the map to the position specified by the state variable.

So, I put it with the minimum zoom at the beginning so that the user can see how the marker changes its position to that of the specified ip.

UPDATE: I've learned to use the 'useRef' hook, and now the map flies to the specified IP location :D

Your advice and suggestions are welcome!!!

Code

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Gonzalo Morales's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord