🍁 June 12
☕ Coffee
9:00 - 10:00 am
🍃 Hello Leaflet
10:00 am - 12:00 pm
😋 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);
☕ Coffee Break
🍭 Customizing Your Map
3:30 pm - 5:00 pm
🏞️ Happy Hour
5:15 - 7:00 pm