Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

ip-address-tracker

Kaio 460

@kaiohnr

Desktop design screenshot for the IP Address Tracker coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I added an API to get the user's IP address, but apparently something is blocking "Failed to load resource: net::ERR_BLOCKED_BY_CLIENT".

I would also like to know how can I remove the last marker when the user searches for a new IP address? I couldn't find how to do it.

Feel free to give me your feedback!

Community feedback

de-sipher 160

@de-sipher

Posted

"I would also like to know how can I remove the last marker when the user searches for a new IP address? I couldn't find how to do it."

You'll find everything you need over here

You need to use the marker.remove(ReferenceToMap) method where,

  • Marker is the variable used to create the marker like so let marker = new L.Marker([0, 0]);
  • ReferenceToMap is your map object like so let map = new L.map('map', mapOptions);

You can check my code where I use marker.remove(map); to remove the old marker before I add a new one.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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