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
+
+