<!DOCTYPE html><html lang=“de“>
<head>
<script async src=“https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX“></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‚js‘, new Date());
gtag(‚config‘, ‚G-XXXXXXX‘);
</script>
<meta charset=“utf-8″>
<title>Piemont-Karte – Orte & Dörfer</title>
<meta name=“viewport“ content=“width=device-width, initial-scale=1″>
<link
rel=“stylesheet“
href=“https://unpkg.com/leaflet@1.9.4/dist/leaflet.css“
integrity=“sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=“
crossorigin=““
/>
<style>
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.65; margin: 0; padding: 0; }
.container { max-width: 880px; padding: 24px; margin: 0 auto; }
h1 { font-size: 2rem; margin: 0.5rem 0 1rem; }
.lead { font-size: 1.1rem; opacity: .9; }
.meta { font-size: .95rem; margin: 1rem 0; }
a.button { display:inline-block; padding:.6rem .9rem; border:1px solid #ddd; border-radius:10px; text-decoration:none; }
.grid { display:grid; gap: 14px; grid-template-columns: 1fr; }
.card { border:1px solid #eee; border-radius:14px; padding: 16px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.footer { margin-top:2rem; font-size:.9rem; color:#555; }
.map { height: 70vh; }
.badge { display:inline-block; padding:.25rem .5rem; background:#f2f2f2; border-radius:999px; font-size:.8rem; margin-right:.5rem; }
</style>
<style>.map{height:80vh;}</style>
</head>
<body>
<main class=“container“>
<h1>Piemont – Karte aller Orte</h1>
<p class=“lead“>Die Marker werden automatisch per Geocoding (Nominatim/OSM) gesetzt. Klick auf einen Marker öffnet die jeweilige Seite.</p>
<div id=“map“ class=“map“></div>
<div class=“card“>
<h2>Liste</h2>
<div class=“grid“>
<div><strong>Turin (Torino)</strong> – Provinz Torino – <a href=“../pages/turin-torino.html“>Seite öffnen</a></div><div><strong>Alessandria</strong> – Provinz Alessandria – <a href=“../pages/alessandria.html“>Seite öffnen</a></div><div><strong>Asti</strong> – Provinz Asti – <a href=“../pages/asti.html“>Seite öffnen</a></div><div><strong>Cuneo</strong> – Provinz Cuneo – <a href=“../pages/cuneo.html“>Seite öffnen</a></div><div><strong>Novara</strong> – Provinz Novara – <a href=“../pages/novara.html“>Seite öffnen</a></div><div><strong>Vercelli</strong> – Provinz Vercelli – <a href=“../pages/vercelli.html“>Seite öffnen</a></div><div><strong>Biella</strong> – Provinz Biella – <a href=“../pages/biella.html“>Seite öffnen</a></div><div><strong>Verbania</strong> – Provinz Verbano-Cusio-Ossola – <a href=“../pages/verbania.html“>Seite öffnen</a></div><div><strong>Domodossola</strong> – Provinz Verbano-Cusio-Ossola – <a href=“../pages/domodossola.html“>Seite öffnen</a></div><div><strong>Alba</strong> – Provinz Cuneo – <a href=“../pages/alba.html“>Seite öffnen</a></div><div><strong>Bra</strong> – Provinz Cuneo – <a href=“../pages/bra.html“>Seite öffnen</a></div><div><strong>Saluzzo</strong> – Provinz Cuneo – <a href=“../pages/saluzzo.html“>Seite öffnen</a></div><div><strong>Mondovì</strong> – Provinz Cuneo – <a href=“../pages/mondov.html“>Seite öffnen</a></div><div><strong>Savigliano</strong> – Provinz Cuneo – <a href=“../pages/savigliano.html“>Seite öffnen</a></div><div><strong>Barolo</strong> – Provinz Cuneo – <a href=“../pages/barolo.html“>Seite öffnen</a></div><div><strong>La Morra</strong> – Provinz Cuneo – <a href=“../pages/la-morra.html“>Seite öffnen</a></div><div><strong>Neive</strong> – Provinz Cuneo – <a href=“../pages/neive.html“>Seite öffnen</a></div><div><strong>Monforte d'Alba</strong> – Provinz Cuneo – <a href=“../pages/monforte-dalba.html“>Seite öffnen</a></div><div><strong>Acqui Terme</strong> – Provinz Alessandria – <a href=“../pages/acqui-terme.html“>Seite öffnen</a></div><div><strong>Cella Monte</strong> – Provinz Alessandria – <a href=“../pages/cella-monte.html“>Seite öffnen</a></div><div><strong>Bistagno</strong> – Provinz Alessandria – <a href=“../pages/bistagno.html“>Seite öffnen</a></div><div><strong>Castelletto d'Erro</strong> – Provinz Alessandria – <a href=“../pages/castelletto-derro.html“>Seite öffnen</a></div><div><strong>Agliano Terme</strong> – Provinz Asti – <a href=“../pages/agliano-terme.html“>Seite öffnen</a></div><div><strong>Mombaldone</strong> – Provinz Asti – <a href=“../pages/mombaldone.html“>Seite öffnen</a></div><div><strong>Castagnole delle Lanze</strong> – Provinz Asti – <a href=“../pages/castagnole-delle-lanze.html“>Seite öffnen</a></div><div><strong>Candelo</strong> – Provinz Biella – <a href=“../pages/candelo.html“>Seite öffnen</a></div><div><strong>Varallo</strong> – Provinz Vercelli – <a href=“../pages/varallo.html“>Seite öffnen</a></div><div><strong>Alagna Valsesia</strong> – Provinz Vercelli – <a href=“../pages/alagna-valsesia.html“>Seite öffnen</a></div><div><strong>Avigliana</strong> – Provinz Torino – <a href=“../pages/avigliana.html“>Seite öffnen</a></div><div><strong>Bussoleno</strong> – Provinz Torino – <a href=“../pages/bussoleno.html“>Seite öffnen</a></div><div><strong>Ala di Stura</strong> – Provinz Torino – <a href=“../pages/ala-di-stura.html“>Seite öffnen</a></div><div><strong>Ostana</strong> – Provinz Cuneo – <a href=“../pages/ostana.html“>Seite öffnen</a></div><div><strong>Garessio</strong> – Provinz Cuneo – <a href=“../pages/garessio.html“>Seite öffnen</a></div><div><strong>Bagnolo Piemonte</strong> – Provinz Cuneo – <a href=“../pages/bagnolo-piemonte.html“>Seite öffnen</a></div><div><strong>Acceglio</strong> – Provinz Cuneo – <a href=“../pages/acceglio.html“>Seite öffnen</a></div><div><strong>Chianale</strong> – Provinz Cuneo – <a href=“../pages/chianale.html“>Seite öffnen</a></div><div><strong>Vogogna</strong> – Provinz Verbano-Cusio-Ossola – <a href=“../pages/vogogna.html“>Seite öffnen</a></div>
</div>
</div>
</main>
<script
src=“https://unpkg.com/leaflet@1.9.4/dist/leaflet.js“
integrity=“sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=“
crossorigin=““>
</script>
<script>
const places = [{„name“: „Turin (Torino)“, „slug“: „turin-torino“, „prov“: „Torino“}, {„name“: „Alessandria“, „slug“: „alessandria“, „prov“: „Alessandria“}, {„name“: „Asti“, „slug“: „asti“, „prov“: „Asti“}, {„name“: „Cuneo“, „slug“: „cuneo“, „prov“: „Cuneo“}, {„name“: „Novara“, „slug“: „novara“, „prov“: „Novara“}, {„name“: „Vercelli“, „slug“: „vercelli“, „prov“: „Vercelli“}, {„name“: „Biella“, „slug“: „biella“, „prov“: „Biella“}, {„name“: „Verbania“, „slug“: „verbania“, „prov“: „Verbano-Cusio-Ossola“}, {„name“: „Domodossola“, „slug“: „domodossola“, „prov“: „Verbano-Cusio-Ossola“}, {„name“: „Alba“, „slug“: „alba“, „prov“: „Cuneo“}, {„name“: „Bra“, „slug“: „bra“, „prov“: „Cuneo“}, {„name“: „Saluzzo“, „slug“: „saluzzo“, „prov“: „Cuneo“}, {„name“: „Mondovì“, „slug“: „mondov“, „prov“: „Cuneo“}, {„name“: „Savigliano“, „slug“: „savigliano“, „prov“: „Cuneo“}, {„name“: „Barolo“, „slug“: „barolo“, „prov“: „Cuneo“}, {„name“: „La Morra“, „slug“: „la-morra“, „prov“: „Cuneo“}, {„name“: „Neive“, „slug“: „neive“, „prov“: „Cuneo“}, {„name“: „Monforte d’Alba“, „slug“: „monforte-dalba“, „prov“: „Cuneo“}, {„name“: „Acqui Terme“, „slug“: „acqui-terme“, „prov“: „Alessandria“}, {„name“: „Cella Monte“, „slug“: „cella-monte“, „prov“: „Alessandria“}, {„name“: „Bistagno“, „slug“: „bistagno“, „prov“: „Alessandria“}, {„name“: „Castelletto d’Erro“, „slug“: „castelletto-derro“, „prov“: „Alessandria“}, {„name“: „Agliano Terme“, „slug“: „agliano-terme“, „prov“: „Asti“}, {„name“: „Mombaldone“, „slug“: „mombaldone“, „prov“: „Asti“}, {„name“: „Castagnole delle Lanze“, „slug“: „castagnole-delle-lanze“, „prov“: „Asti“}, {„name“: „Candelo“, „slug“: „candelo“, „prov“: „Biella“}, {„name“: „Varallo“, „slug“: „varallo“, „prov“: „Vercelli“}, {„name“: „Alagna Valsesia“, „slug“: „alagna-valsesia“, „prov“: „Vercelli“}, {„name“: „Avigliana“, „slug“: „avigliana“, „prov“: „Torino“}, {„name“: „Bussoleno“, „slug“: „bussoleno“, „prov“: „Torino“}, {„name“: „Ala di Stura“, „slug“: „ala-di-stura“, „prov“: „Torino“}, {„name“: „Ostana“, „slug“: „ostana“, „prov“: „Cuneo“}, {„name“: „Garessio“, „slug“: „garessio“, „prov“: „Cuneo“}, {„name“: „Bagnolo Piemonte“, „slug“: „bagnolo-piemonte“, „prov“: „Cuneo“}, {„name“: „Acceglio“, „slug“: „acceglio“, „prov“: „Cuneo“}, {„name“: „Chianale“, „slug“: „chianale“, „prov“: „Cuneo“}, {„name“: „Vogogna“, „slug“: „vogogna“, „prov“: „Verbano-Cusio-Ossola“}];
const map = L.map(‚map‘).setView([45.07, 7.69], 7); // center near Turin
L.tileLayer(‚https://tile.openstreetmap.org/{z}/{x}/{y}.png‘, {
maxZoom: 18,
attribution: ‚© OpenStreetMap‘
}).addTo(map);
function geocode(name) {
const url = ‚https://nominatim.openstreetmap.org/search?format=json&q=‘ + encodeURIComponent(name + ‚ Piemonte Italy‘);
return fetch(url, { headers: { ‚Accept-Language‘: ‚de‘ } })
.then(r => r.json())
.then(arr => arr && arr[0] ? arr[0] : null)
.catch(() => null);
}
(async function() {
for (const p of places) {
const res = await geocode(p.name);
if (!res) continue;
const lat = parseFloat(res.lat), lon = parseFloat(res.lon);
const m = L.marker([lat, lon]).addTo(map);
m.bindPopup(`<strong>${p.name}</strong><br><a href=“../pages/${p.slug}.html“>Zur Seite</a>`);
}
})();
</script>
</body>
</html>