Pitt Computer Science Club spring semester (16-17) project with the Western Pennsylvania Regional Data Center (@wprdc) Open Data.
Thanks to @alexandrabush for the logo!
Installing and running:
Since our project is just an HTML file, you can simply load the file into your browser.
Once you make edits, commit the changes, and push, your changes will be updated on GitHub.
Including in an external Site:
In order to include this project in an existing HTML page you will need to first download the
data.js files (we don't yet have them on a CDN). Then, you will need to add
<!-- necessary style --> <link rel="stylesheet" href="./main.css"> <link rel="stylesheet" href="https://firstname.lastname@example.org/dist/leaflet.css" /> <script src="https://use.fontawesome.com/07694042f8.js"></script> <script src="https://email@example.com/dist/leaflet.js"></script> <!-- end necessary style -->
head tag, as well as
<!-- necessary HTML --> <div id="ui"></div> <div id="mapid"></div> <script src="./ui.js"></script> <script src="./map.js"></script> <script src="./data.js"></script> <!-- end necessary HTML -->
somewhere in the
In order to turn on or off default checkboxes, open up
map.js, CTRL+F 'DEFAULT_CHECKS', and change a value to
false to turn it off by default and
true to turn it on by default.
In order to change the default view (currently shipped with weekly data as default) to the past month, week, or day, open
map.js, CTRL+F 'DEFAULT_VIEW', and read the documentation. You can change the value to "month", "week", or "day"; anything else will default to weekly data.
- Fork the project
- Add your name to
- Submit a pull request
- Take a look at the Issues for more things to do
Git and Github links:
- Git tutorials
- Guide to using GitHub
- Git documentation
- GitHub repository for the project
- Guide to writing markdown (for documentation)
- CSC Git Wiki
- MDN Introduction to HTML
- MDN HTML reference
- MDN Introduction to CSS
- MDN CSS reference
- Codecademy course on HTML and CSS
- MDN Introduction to JS
- MDN re-introduction to JS