DEV Community

Marc Pissot
Marc Pissot

Posted on

Mapping History with Code: Digitizing the Île de la Cité

The Île de la Cité, Paris’ historic heart, holds centuries of stories—Notre-Dame, the Sainte-Chapelle, and medieval streets that shaped a city. As developers, we can bring this history to life through tech. Imagine building an interactive map with JavaScript and Leaflet.js to explore its past.

Start with a simple base:
const map = L.map('map').setView([48.855, 2.345], 15);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);

Add markers for key spots like Notre-Dame:
L.marker([48.8529, 2.3499]).addTo(map)
.bindPopup('Notre-Dame: Gothic masterpiece, begun 1163');

This could evolve into a full app—think APIs for historical data, React for UI, or even AR overlays. I’ve been inspired by projects like Mission Île de la Cité, which dives deep into this island’s heritage.

Code can preserve history. What would you build to map your favorite place?

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay