Go to file
2024-12-11 23:13:15 +01:00
img red dots 2024-10-17 23:57:47 +02:00
js dd stat bar power out 2024-12-11 23:13:15 +01:00
styles dd stat bar power out 2024-12-11 23:13:15 +01:00
.gitignore display stats 2024-12-11 17:32:48 +01:00
index.html dd stat bar power out 2024-12-11 23:13:15 +01:00
LICENSE.md init depuis meltingpot 2024-10-17 15:01:47 +02:00
README.md red dots 2024-10-17 23:57:47 +02:00

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

// 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