🍁 June 12

---

☕ Coffee

9:00 - 10:00 am

---

🍃 Hello Leaflet

10:00 am - 12:00 pm

• How to Use Glitch
• Hello Leaflet!
• Hello Leaflet! Code
  • HyperText Markup Language (HTML) -- index.html essentials
  • JavaScript -- script.js
  • Debugging with Browser Console

---

😋 Lunch

---

🌐 Minimal Maps

1:30 - 3:00 pm

• Make a Web Map with Leaflet
• CSS -- style.css

• Loading data into your map (CSV, GeoJSON)

• Download a CSV file from here

• Change the 'x' and 'y' column to 'lat' and 'long'
• Convert the CSV to geoJSON using geojson.io
• Copy the geoJSON data into the script below

let map = L.map('map').setView([39.952, -75.1932], 18); 
L.tileLayer(
  "https://tile.openstreetmap.org/{z}/{x}/{y}.png" 
).addTo(map);

let data = <paste date here>

L.geoJSON(data, {
  onEachFeature: function (feature, layer) {
    layer.bindPopup('<h1>'+feature.properties["Building name"] + '</h1>');
  }
}).addTo(map);

• Leaflet Overpass Layer
• Demo

---

☕ Coffee Break

---

🍭 Customizing Your Map

3:30 pm - 5:00 pm

• Markers
• Tooltips

• Popups

• Map base layers, more info here

• Panes
• Historical Basemaps
• Georectifying historical maps
• MapWarper

---

🏞️ Happy Hour

5:15 - 7:00 pm