Skip to content

sozialhelden/planet-accessibility-explorer

Repository files navigation

Planet Accessibility Explorer

Logo Icon

⚠️ This is experimental - Please don't expect anything from this app. It has accessibility issues, and probably still some bugs.

Visualizes accessibility data from OpenStreetMap.

Screenshot

A map of Paris with colored ground surfaces. Color represents wheelchair accessibility

Demo

Features

  • Runs in the browser
  • Shows features that have accessibility infos from OpenStreetMap:
    • Surface quality and wheelchair accessibility of sidewalks, parks, plazas
    • Building entrances with step height and accessibility descriptions
    • Wheelchair accessibility of buildings (as outlines) and amenity PoIs (as points)
    • Visualizes surfaces around buildings in lower zoom levels and focuses on building accessibility in higher zoom levels
    • Highlighted (in)accessible subway entrances
  • Click on features to display a detail view with a summary of accessibility-related OSM tags
  • Shows photos from Wikidata

Caveat

  • Not in production yet. Built for our own needs, might not fit your requirements
  • Supports only a small subset of what's possible with OpenStreetMap accessibility tags
  • No replacement for 'real' accessibility apps like Wheelmap, accessmap.io, …
  • No search function

Development

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Create React App (CRA)

This project was bootstrapped with Create React App.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.