Aachen Fountain Visualizer
Explore an interactive map of Aachen fountains, dynamically rendered using Leaflet.js and Folium. This project demonstrates the integration of Python for data generation and JavaScript for interactive map rendering. A blog post showing it in action can be found here.
Key Features
- Markers and Curved Paths: Displays fountain locations with custom markers and Bézier curves connecting them.
- Dynamic Data Loading: Marker data is stored in a JSON file, read dynamically by JavaScript.
- Interactive Map: Built with OpenStreetMap tiles for an engaging user experience.
Technologies Used
- Python: For generating JSON files and embedding JavaScript in Folium maps.
- Key libraries:
folium
,json
- Key libraries:
- JavaScript: For rendering dynamic markers and paths.
- Key libraries:
Leaflet.js
,leaflet-curve
- Key libraries:
Check out the GitHub Repository for the complete code and instructions.