diff --git a/README.md b/README.md index 8461846..cce6927 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,8 @@ # Beacon map This map shows all the blinking beacons from [OpenStreetMap](http://www.openstreetmap.org/). +![Demo time](https://geodienst.github.io/lighthousemap/demo.gif) + More specifically, it asks the [Overpass API](https://www.overpass-api.de) for all elements with an `seamark:light:sequence` attribute, decodes these, and displays them as coloured circles on the map using [Leaflet](http://leafletjs.com). It also tries to take the `seamark:light:range` and `seamark:light:colour` into account. ## Overpass API @@ -9,7 +11,7 @@ The current version uses an extracted dataset, but the code allows for directly ## Useful stuff The `leaflet.indexedfeaturelayer.js` file contains an extension on Leaflet's GeoJSON layer that only add layers/features to the map that are (or are about to be) visible. It uses a spatial index to quickly query which features can be removed from the DOM, increasing performance. -`leaflet.light.js` contains my best guess on how a light sequence will look based on (these descriptions)[http://wiki.openstreetmap.org/wiki/Seamarks/Light_Characters]. However, it might be inaccurate, and it tries to do its best with the sometimes not entirely consistent data from OSM. +`leaflet.light.js` contains my best guess on how a light sequence will look based on [these descriptions](http://wiki.openstreetmap.org/wiki/Seamarks/Light_Characters). However, it might be inaccurate, and it tries to do its best with the sometimes not entirely consistent data from OSM. ## Credits This map is made by the [Geodienst](http://www.geodienst.xyz) because it was a fun idea we wanted to try out. Feel free to fork this map and make your own visualisation of OSM data, or contribute improvements back to us. diff --git a/demo.gif b/demo.gif new file mode 100644 index 0000000..67f6d68 Binary files /dev/null and b/demo.gif differ