36 lines
3.7 KiB
Markdown
36 lines
3.7 KiB
Markdown
# Carte de restos où manger et boire
|
|
Cette carte utilise les données OpenStreetMap pour montrer les lieux où se restaurer et boire, avec des icones montrant la cuisine principale renseignée dans les tags OSM.
|
|
Démo de données par défaut au pays de l'hurepoix en Essonne.
|
|
|
|
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
|
|
#Screenshot
|
|
|
|
|
|
# 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...
|
|
# Exemple de requête overpass listant les restaurants
|
|
|
|
```
|
|
https://overpass-api.de/api/interpreter?data=[out:json][timeout:15];(%20%20%20%20%20%20node[amenity=cafe](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[shop=bakery](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[amenity=fast_food](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[amenity=vending_machine](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[amenity=restaurant](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[amenity=pub](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[amenity=bar](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[amenity=drinking_water](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[man_made=water_tap](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20node[man_made=drinking_fountain](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20way[amenity=pub](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20way[amenity=bar](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20way[amenity=cafe](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20way[shop=bakery](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20way[amenity=fast_food](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20way[amenity=vending_machine](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20way[amenity=restaurant](48.41182300991387,1.154964091314268,48.85561940576297,2.8399921674861432);%20%20%20%20%20%20);out%20body%20geom;
|
|
```
|
|
# licence
|
|
Gnu Affero 3+
|
|
|
|
# Documentation
|
|
* Leaflet:
|
|
https://leafletjs.com/reference.html
|
|
|
|
# sources
|
|
https://forge.chapril.org/tykayn/melting-pot
|
|
# contact me
|
|
https://www.cipherbliss.com/contact |