kopia lustrzana https://github.com/geodienst/lighthousemap
Merge pull request #3 from zstadler/patch-1
Resolve #2 - Switch to https and avoid mixed-contents warningpull/9/head
commit
715e3cfe89
|
@ -1,9 +1,9 @@
|
|||
# Beacon map
|
||||
This map shows all the blinking beacons from [OpenStreetMap](http://www.openstreetmap.org/).
|
||||
This map shows all the blinking beacons from [OpenStreetMap](https://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.
|
||||
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](https://leafletjs.com). It also tries to take the `seamark:light:range` and `seamark:light:colour` into account.
|
||||
|
||||
## Overpass API
|
||||
The current version uses an extracted dataset, but the code allows for directly querying the Overpass API. However, since a query like the one used here can take multiple minutes to complete it is not very useful do always do live queries.
|
||||
|
@ -11,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](https://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.
|
||||
This map is made by the [Geodienst](https://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.
|
||||
|
|
|
@ -93,10 +93,10 @@
|
|||
.setView([54.2, 2.6], 6)
|
||||
.addControl(L.control.attribution({
|
||||
position: 'bottomright',
|
||||
prefix: 'Made by <a href="http://www.geodienst.xyz/">Geodienst</a>'
|
||||
prefix: 'Made by <a href="https://www.geodienst.xyz/">Geodienst</a>'
|
||||
}));
|
||||
|
||||
L.tileLayer('http://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png', {
|
||||
L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png', {
|
||||
detectRetina: true,
|
||||
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, © <a href="http://cartodb.com/attributions">CartoDB</a>'
|
||||
}).addTo(map);
|
||||
|
@ -200,4 +200,4 @@
|
|||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
Ładowanie…
Reference in New Issue