Add Latitude and Longitude Coordinates to a React Leaflet Marker Component
InstructorColby Fayock
Published 4 years ago
Updated 4 years ago
We walked through adding a marker to our map, but more often than not, we have more than 1 favorite location!
Take this opportunity to add another marker that points to another location on the map. Customize a tooltip popup to provide information about that location.
Instructor: [0:00] To add another location, I'm going to look up the Smithsonian National Museum of Natural History. Similar to before I can write, "click that" and I can grab what's here and find it's latitude and longitude.
[0:09] To add another marker, I'm going to simply clone the previous one, where then I can replace the latitude and longitude. I can also update the name. Now if I reload the page, I have my two markers.
egghead
~ just now
Markdown supported.
Become a member to join the discussionEnroll Today
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!