libre-charge-map/README.md

45 lines
2.1 KiB
Markdown
Raw Normal View History

2024-10-17 15:01:47 +02:00
# Carte des IRVE filtrable
2024-12-12 12:03:31 +01:00
![libre-charge-map_overview.jpg](libre-charge-map_overview.jpg)
2024-10-17 15:01:47 +02:00
fait avec le données OpenStreetMap (OSM) ainsi que des icones
2024-12-12 12:03:31 +01:00
![libre-charge-map_popup.jpg](libre-charge-map_popup.jpg)
2024-10-17 15:01:47 +02:00
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.
2024-12-12 12:03:31 +01:00
La carte ne charge les points que si on se trouve à un zoom assez proche. Vous pouvez récupérer les points sur un zoom plus éloigné avec le bouton en haut à droite.
2024-10-17 15:01:47 +02:00
2024-12-12 12:03:31 +01:00
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 ou dans l'éditeur JOSM si vous l'avez ouvert et activé la télécommande.
2024-10-17 15:01:47 +02:00
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...
2024-12-12 12:03:31 +01:00
# statistiques
Pour améliorer la complétion des stations de recharge, des informations sont présentées sous la carte. Une barre présente les proportions de puissance max trouvée dans la dernière recherche, celle effectuée en déplaçant l'écran ou avec le bouton de recherche.
2024-10-17 15:01:47 +02:00
# licence
Gnu Affero 3+
2024-12-12 12:03:31 +01:00
# servir le site localement
Ouvrir la page index.html dans votre navigateur préféré, ou utiliser le paquet npm `serve`.
# Requête overpass
2024-10-17 23:57:47 +02:00
```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;'
```
2024-10-17 15:01:47 +02:00
# sources
2024-12-12 12:03:31 +01:00
Sources disponibles sur https://forge.chapril.org/tykayn/libre-charge-map.git
Carte similaire, celle des cuisines de restaurant: https://forge.chapril.org/tykayn/melting-pot