You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Create an index.html with a basic HTML page structure
Create an empty CSS file for the project
Create an empty JavaScrip file for the project
Link to the empty CSS file from the bottom of the head of your HTML file
Link to the empty JavaScript file from the bottom of the body of your HTML file
Add a level-1 heading (h1) to the body with the app title, just so there's something to see on the page
Check the app in the browser.
Add a Leaflet map for displaying the list of schools to the page
Tip: Usually when I'm starting with a new leaflet map, I just Google "leaflet quickstart" and copy a few things from that page. Other times I may use a CDN like
Recommendation: Give your map a meaningful ID -- something like school-map, and then name the corresponding JavaScript variable something similar, e.g. schoolMap.
Import the data from site/data/schools.js into your JavaScript file.
Create a function called makeSchoolFeature to transform one of the school elements into a GeoJSON-like feature. This function should be made available globally (on the window object).
Use the function to display all the schools data on the map.
Create a function to show an array of schools on the map.
The text was updated successfully, but these errors were encountered:
head
of your HTML filebody
of your HTML fileh1
) to the body with the app title, just so there's something to see on the pageCheck the app in the browser.
school-map
, and then name the corresponding JavaScript variable something similar, e.g.schoolMap
.makeSchoolFeature
to transform one of the school elements into a GeoJSON-like feature. This function should be made available globally (on the window object).schools
data on the map.The text was updated successfully, but these errors were encountered: