Skip to content
Compare school district boundaries and data in side-by-side Mapbox with zoom sync
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
legacy
.gitignore
LICENSE
README.md
index-caption.html
index.html
script.gl.js
style.css

README.md

otl-compare-school-districts

Compare any US elementary school district boundaries and data, side-by-side in the same scale map, using this Mapbox GL JS tool with zoom sync. Map data layers by EdBuild.org.

Demo

https://ontheline.github.io/otl-compare-school-districts/index-frame.html

Embedded in On The Line book

Background

Requires

  • Mapbox access token (free use up to a limited number of views per month)
  • http://EdBuild.org public Mapbox layers. EdBuild.org has always been planned as a 5-year project. Their scheduled closing date is June 30th 2020, but they plan to keep their map tile layers active. See also https://github.com/EdBuild
// EdBuild elementary school districts 2017
  var choroplethLayer = {
      id: 'E_2017',
      source: "src_unielem17",
      "source-layer": "SchoolDistricts_UE_17_data-0hffyk"

Credits

  • Thanks to Sara Hodges and others at https://github.com/EdBuild for creating the US school districts map and poverty data layers, making them publicly available on MapBox, and encouraging collaboration.
  • Thanks to Dan Swick at MapBox for great advice on the geocoder input values.
  • ilyankou for Mapbox GL JS code
You can’t perform that action at this time.