An interactive web application that displays all public trees in Evanston, IL on a map. This application allows users to explore tree locations, view detailed information about each tree, and find trees near their current location.
- Interactive map displaying all public trees in Evanston
- Click on any tree to view detailed information including species, size, condition, etc.
- Locate yourself on the map to find nearby trees
- Lightweight implementation using HTML, CSS, and JavaScript
- Mobile-friendly responsive design
- Open
treemap.htmlin a web browser - The map will load with all trees displayed as blue circles
- Click on any tree to view detailed information about it
- Click the 📍 button in the top left corner to show your current location
- When you share your location, the five nearest trees will be highlighted in green
This application uses tree data from the City of Evanston's open data portal: https://data.cityofevanston.org/Information-Technology-includes-maps-geospatial-da/Trees/5xaw-wg36/about_data
- Clone or download this repository
- Ensure your tree data file is named either
trees.jsonortrees.csvand placed in the same directory as the HTML file - Open
treemap.htmlin a web browser
The application expects the tree data in one of the following formats:
- GeoJSON format with a FeatureCollection containing tree locations as points
- JSON array format (typically converted from CSV)
- CSV format with columns including LATITUDE and LONGITUDE
The application will automatically try to load the data in the order listed above.
- Add filtering options for tree species, size, etc.
- Implement clustering for better performance with large datasets
- Add different styling based on tree genus or species
- Include leaf icons or other visual indicators for different tree types
MIT License
Created by [Your Name]