Skip to content

README.md

Latest commit

 

History

History
118 lines (83 loc) · 3.8 KB

README.md

File metadata and controls

118 lines (83 loc) · 3.8 KB

Redmond Interactive Web Map

An interactive web map of Redmond, WA featuring roads, neighborhood boundaries, schools, restaurants, and parks — built with Leaflet.js and powered by local GIS data and OpenStreetMap.

View the Live Map

Features

Layer Count Details
Roads 1,527 segments Styled and color-coded by classification (Highway, Principal Arterial, Minor Arterial, Collector, Local, Private)
Neighborhoods 6 boundaries Color-coded polygons with area in acres
Schools 16 locations Sourced from OpenStreetMap
Restaurants 62 locations Includes cuisine type and Google star ratings
Parks 37 locations Sourced from OpenStreetMap

Map Controls

  • Layer toggle — Show or hide any layer independently
  • Click popups — Click any feature for detailed information
  • Legend — Color key for all layers in the bottom-right corner
  • Zoom & pan — Standard Leaflet map navigation

Road Popup Details

Street name, functional classification, speed limit, from/to cross streets, and pavement width.

Restaurant Popup Details

Name, Google star rating (visual + numeric), and cuisine type.

Data Sources

Source Format Projection
City of Redmond — Roads Shapefile (1,527 segments) EPSG:2926 (NAD83 / WA State Plane North)
City of Redmond — Neighborhoods Shapefile (6 polygons) EPSG:2926
OpenStreetMap — Schools, Restaurants, Parks Overpass API WGS84
Google Maps — Restaurant Ratings Web research —

All spatial data is reprojected to EPSG:4326 (WGS84) for web display. Points of interest are spatially filtered to only include locations within the neighborhood boundaries.

Project Structure

WebMap/
├── generate_webmap.py     # Python script — reads shapefiles, builds the HTML
├── Redmond_WebMap.html    # Generated output — self-contained map (no server needed)
├── README.md
└── .gitignore

How It Works

generate_webmap.py performs the following pipeline:

  1. Reads road and neighborhood shapefiles using GeoPandas
  2. Reprojects geometries from EPSG:2926 to EPSG:4326
  3. Trims to essential columns (avoids datetime serialization issues)
  4. Maps road classification codes to human-readable labels
  5. Computes neighborhood area in acres from survey feet
  6. Filters POIs (schools, restaurants, parks) to those within neighborhood boundaries
  7. Reduces coordinate precision to 6 decimal places for smaller file size
  8. Generates a single self-contained HTML file with inline GeoJSON (~2.8 MB)

Requirements

Regenerate the Map

python generate_webmap.py

Then open Redmond_WebMap.html in any browser, or deploy the file to a static hosting service.

Deployment

The map is hosted as a static website on Azure Blob Storage:

Resource Value
Resource Group rg-redmond-webmap
Storage Account stredmondwebmap
Region West US 2
URL stredmondwebmap.z5.web.core.windows.net

To redeploy after regenerating:

az storage blob upload \
  --account-name stredmondwebmap \
  --container-name '$web' \
  --file Redmond_WebMap.html \
  --name index.html \
  --content-type "text/html" \
  --overwrite

License

This project is provided for educational and demonstration purposes.

Road and neighborhood data is sourced from the City of Redmond. POI data is from OpenStreetMap contributors under the ODbL license.