From b416048c28536530da4c58084f745b4e143f3447 Mon Sep 17 00:00:00 2001 From: devopsworkshoprepos <157391342+devopsworkshoprepos@users.noreply.github.com> Date: Tue, 23 Jan 2024 08:25:21 +0000 Subject: [PATCH] Update README.md --- README.md | 35 ++++++++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 284e2c8..12a5bca 100644 --- a/README.md +++ b/README.md @@ -1 +1,34 @@ -# nym \ No newline at end of file +# nym + +A simple interactive map of NY with points of interest. + +## How does it work? + +The site uses LeafletJS library to display an interactive map, with markers added to display points of interest using Javascript. + +An example marker can be viewed in script.js +``` +const marker = L.marker([40.75703,-73.98597]).addTo(map) + .bindPopup('Time Square
Famous for new year celebrations.').openPopup(); + +``` + +## How to add a marker? + +Visit https://www.openstreetmap.org/search?query=times%20square#map=14/40.7550/-73.9763&layers=N + +Zoom in and out to find a point of interest. + +Right click on the map at a point of interest, and select *Show address* + +The latitude and longitide will be displayed in the sidebar. + +Make a note of these coordinates + +Add a marker to the script.js and ensure it works + +## Where can I learn about Leaflet? + +You can view the documentation at https://leafletjs.com/reference.html + +