34 lines
1.5 KiB
Markdown
34 lines
1.5 KiB
Markdown
# Carte des IRVE filtrable
|
|
|
|
|
|
fait avec le données OpenStreetMap (OSM) ainsi que des icones
|
|
développé par tykayn - https://www.cipherbliss.com - à partir d'un squelette d'example pour Leaflet.
|
|
Mastodon: https://mastodon.cipherbliss.com/@tykayn
|
|
|
|
|
|
# comment ça marche ?
|
|
Avec une lib qui affiche un fond de carte sur lequel on peut naviguer et des marqueurs, on demande poliment à un site web, Overpass Turbo, quels sont les points et polygones d'OpenStreetMap correspondant à plusieurs types de restaurants et lieux où l'on peut trouver à manger et à boire à consommer sur place ou à emporter.
|
|
|
|
La carte ne charge les points que dans la vue initiale, placée à un endroit prédéfini.
|
|
Par la suite, il suffit de faire glisser la carte à la souris et cliquer sur "charger" pour récupérer d'autres lieux d'intérêt.
|
|
|
|
Chaque point dispose d'un lien dans une popup d'information, afin de modifier le dit point d'intérêt sur le site d'OSM.
|
|
|
|
Toute la logique est dans js/main.js
|
|
Vous pouvez modifier les paramètres en entête de fichier pour choisir les tuiles de la carte, le lieu de départ, des données de points pré chargées...
|
|
|
|
# licence
|
|
Gnu Affero 3+
|
|
|
|
# requete overpass
|
|
|
|
```javascript
|
|
// requête sur la ville de rouen
|
|
let req = 'https://overpass-api.de/api/interpreter?data=[out:json][timeout:25];' +
|
|
'area(id:3600075628)->.searchArea;' +
|
|
'node[amenity=charging_station](area.searchArea);' +
|
|
'out body geom;'
|
|
```
|
|
# sources
|
|
https://forge.chapril.org/tykayn/melting-pot
|