This is a tiny web page template for displaying web-hosted GeoJSON files in a mobile browser.
I use geojson.io to draw and update maps of hiking routes, places I've walked, and areas to explore. I often store them as GitHub gists, but it's hard to look at the maps when you're on the go. This mobile web viewer is an attempt to sovle that.
index.html loads a raw geojson file from the web and displays it on top of a Mapbox base map. That's about it. You can pan, zoom, etc.
For now, you have to pass an encoded URL and initial bounding box as query parameters. I'm working on inferring the bounding box, and some other features; check out the "Issues" tab to join the conversation.
URL format: https://smmaurer.github.io/geojson-web-viewer/?url=<GEOJSON-URL>&bbox=<BOUNDS>, where <GEOJSON-URL> is a URL-encoded path to the GeoJSON file and <BOUNDS> is a pair of coordinates formatted as sw-lon,sw-lat,ne-lon,ne-lat.
With default Cross-Origin Resource Sharing (CORS) access controls in place, the viewer and GeoJSON file must be hosted on related domains. (Github.io and a Github Gist work well.)
(It turns out there's already similar functionality to this built into geojson.io. Click on "Share" to generate a desktop- and mobile-accessible viewing link.)