Skip to content

Instantly share code, notes, and snippets.

@aborruso

aborruso/mondello_lotti_2026.html

Last active March 16, 2026 19:31
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save aborruso/b08c42e659aae75c96765a2715f06e5b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save aborruso/b08c42e659aae75c96765a2715f06e5b to your computer and use it in GitHub Desktop.
Download ZIP
Spiaggia di Mondello – 13 lotti demaniali stagione balneare 2026
Raw
mondello_lotti_2026.html
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mondello 2026: i 13 lotti del demanio marittimo in concessione</title>
<meta name="description" content="La Regione Siciliana ha individuato 13 aree del demanio marittimo di Mondello da assegnare per la stagione balneare 2026 tramite autorizzazioni brevi di 90 giorni, con canone base di 6.359,76 € ciascuna.">
<!-- OpenGraph -->
<meta property="og:type" content="article">
<meta property="og:title" content="Mondello 2026: i 13 lotti del demanio marittimo in concessione">
<meta property="og:description" content="La Regione Siciliana ha individuato 13 aree del demanio marittimo di Mondello da assegnare per la stagione balneare 2026 tramite autorizzazioni brevi di 90 giorni, con canone base di 6.359,76 € ciascuna.">
<meta property="og:image" content="https://i.imgur.com/Q9m6QhJ.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://gisthost.github.io/?b08c42e659aae75c96765a2715f06e5b/mondello_lotti_2026.html">
<meta property="og:locale" content="it_IT">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Mondello 2026: i 13 lotti del demanio marittimo in concessione">
<meta name="twitter:description" content="La Regione Siciliana ha individuato 13 aree del demanio marittimo di Mondello da assegnare per la stagione balneare 2026 tramite autorizzazioni brevi di 90 giorni, con canone base di 6.359,76 € ciascuna.">
<meta name="twitter:image" content="https://i.imgur.com/Q9m6QhJ.png">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Segoe UI', system-ui, sans-serif;
background: #f5f5f0;
color: #222;
max-width: 860px;
margin: 0 auto;
padding: 24px 20px 40px;
}
header { margin-bottom: 20px; }
h1 {
font-size: 1.25rem;
font-weight: 700;
letter-spacing: -0.01em;
color: #111;
margin-bottom: 10px;
}
.intro {
font-size: 0.92rem;
line-height: 1.6;
color: #444;
max-width: 720px;
}
.map-wrapper {
position: relative;
width: 100%;
height: 500px;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.15);
margin-bottom: 12px;
}
#map { width: 100%; height: 100%; }
.map-wrapper.fullscreen {
position: fixed;
inset: 0;
height: 100vh;
width: 100vw;
border-radius: 0;
z-index: 9999;
margin: 0;
}
.btn-fullscreen {
position: absolute;
top: 10px;
right: 10px;
z-index: 1000;
background: #fff;
border: none;
border-radius: 4px;
padding: 6px 10px;
font-size: 0.8rem;
font-weight: 600;
cursor: pointer;
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
display: flex;
align-items: center;
gap: 5px;
color: #333;
}
.btn-fullscreen:hover { background: #f0f0f0; }
.source {
font-size: 0.78rem;
color: #666;
line-height: 1.5;
}
.source a { color: #0055aa; text-decoration: none; }
.source a:hover { text-decoration: underline; }
.lot-label {
background: transparent;
border: none;
font-weight: 700;
font-size: 11px;
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}
</style>
</head>
<body>
<header>
<h1>Spiaggia di Mondello – 13 lotti demaniali per la stagione balneare 2026</h1>
<p class="intro">
Con il <a href="https://www.regione.sicilia.it/sites/default/files/2026-03/D.A.%2064%20DEL%2016_03_2026%20spiaggia_Mondello%20rev%202.pdf" target="_blank" rel="noopener">Decreto Assessoriale n. 64 del 16 marzo 2026</a>, la Regione Siciliana individua tredici aree del
demanio marittimo di Mondello (Palermo) da assegnare tramite autorizzazioni di durata breve (90 giorni)
per finalità turistico-ricreative e sportive. Le concessioni — con canone base di €&nbsp;6.359,76 ciascuna —
sono previste per la sola stagione 2026, in attesa dell'approvazione del Piano d'uso del demanio marittimo
(PUDM) da parte del Comune di Palermo. Il provvedimento fa seguito alla decadenza della concessione
in capo alla società Mondello Immobiliare Italo Belga S.A., oggetto di ricorso al TAR.
</p>
</header>
<div class="map-wrapper" id="mapWrapper">
<div id="map"></div>
<button class="btn-fullscreen" id="btnFs" onclick="toggleFullscreen()">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg>
Schermo intero
</button>
</div>
<p class="source">
Fonte: Regione Siciliana –
<a href="https://www.regione.sicilia.it/istituzioni/servizi-informativi/decreti-e-direttive/64gab-16032026-stagione-balneare-2026-individuazione-aree-demaniali-marittime-assegnare-finalita-turistico-ricreative-sportive-modifiche-alle" target="_blank" rel="noopener">
D.A. 64/Gab del 16/03/2026 – Stagione balneare 2026, individuazione aree demaniali marittime
</a><br>
Dati lotti:
<a href="https://gist.github.com/aborruso/9c32f249302a33a878183720376dc5b3" target="_blank" rel="noopener">GeoJSON (WGS84)</a> ·
<a href="https://gist.github.com/aborruso/5f38050092e223e10872966c93904636" target="_blank" rel="noopener">CSV (EPSG:3004)</a>
</p>
<script>
const geojson = {
"type": "FeatureCollection",
"features": [
{ "type": "Feature", "properties": { "lotto": "01" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.325694280210687, 38.204335806577099 ], [ 13.325441009910222, 38.204303222498389 ], [ 13.325348731335474, 38.204690710198108 ], [ 13.32561429641285, 38.2047210638178 ], [ 13.325694280210687, 38.204335806577099 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "02" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.325743759674125, 38.204109119635405 ], [ 13.325837569759502, 38.203855075599577 ], [ 13.32564016379435, 38.203788261492384 ], [ 13.325499360442272, 38.204056729081998 ], [ 13.325460525000365, 38.204215568035565 ], [ 13.325712265013486, 38.204248139255746 ], [ 13.325743759674125, 38.204109119635405 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "03" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.326153916877727, 38.203278507135749 ], [ 13.325985467142257, 38.203216936573909 ], [ 13.32570014808546, 38.203715187836188 ], [ 13.325877805226817, 38.203775673584147 ], [ 13.326153916877727, 38.203278507135749 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "04" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.327178802231137, 38.201761265401927 ], [ 13.327447385065527, 38.201336872244497 ], [ 13.327227254331138, 38.201244325012397 ], [ 13.327091314655636, 38.201453443081043 ], [ 13.327162655414513, 38.201481286520654 ], [ 13.327021776745006, 38.201699606809555 ], [ 13.327178802231137, 38.201761265401927 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "05" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.32754252823395, 38.200934284270339 ], [ 13.327456336551858, 38.200900209888239 ], [ 13.327290792032402, 38.201158027373232 ], [ 13.327514136228153, 38.201250367948766 ], [ 13.327794625359505, 38.200803525023581 ], [ 13.327659618164152, 38.200750354230493 ], [ 13.32754252823395, 38.200934284270339 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "06" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.328287850919935, 38.20036037776589 ], [ 13.328660482641569, 38.20001159075489 ], [ 13.328488426351191, 38.199896724284216 ], [ 13.328111708767734, 38.200247399019453 ], [ 13.328287850919935, 38.20036037776589 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "07" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.328723327140118, 38.199954992911231 ], [ 13.329107743655353, 38.199606020747062 ], [ 13.328940973343453, 38.19948971625989 ], [ 13.32855546628925, 38.199833436750431 ], [ 13.328723327140118, 38.199954992911231 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "08" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.329179508203323, 38.19954932432293 ], [ 13.329569207634158, 38.199201344933492 ], [ 13.329408900124166, 38.199084069722794 ], [ 13.329012141338868, 38.199431641717588 ], [ 13.329179508203323, 38.19954932432293 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "09" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.33035836115465, 38.198610278048314 ], [ 13.330680637022871, 38.198360569134799 ], [ 13.330480350132399, 38.198197832227244 ], [ 13.330153103866895, 38.198449677685048 ], [ 13.33035836115465, 38.198610278048314 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "10" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.331052600392201, 38.198082621150782 ], [ 13.330855998682969, 38.1979080152188 ], [ 13.330531059289527, 38.198154965343207 ], [ 13.330735200897715, 38.198320919966982 ], [ 13.331052600392201, 38.198082621150782 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "11" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.331110672282181, 38.198040849932312 ], [ 13.331450242120006, 38.197785671468999 ], [ 13.331265265218249, 38.197623054356313 ], [ 13.330922152340365, 38.197876875270154 ], [ 13.331110672282181, 38.198040849932312 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "12" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.332149712776145, 38.197351358974366 ], [ 13.332726742459785, 38.197124304257287 ], [ 13.332637401733678, 38.196986053488956 ], [ 13.332052495312379, 38.197206534713388 ], [ 13.332149712776145, 38.197351358974366 ] ] ] } },
{ "type": "Feature", "properties": { "lotto": "13" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 13.332786819543292, 38.197099682280751 ], [ 13.333374333935671, 38.196871358442714 ], [ 13.3332876290768, 38.196727639623553 ], [ 13.33269986375465, 38.196959996573355 ], [ 13.332786819543292, 38.197099682280751 ] ] ] } }
]
};
// Google Maps hybrid tile layer (satellite + labels)
const map = L.map('map', { zoomControl: true });
L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
attribution: '&copy; Esri &mdash; Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN',
maxZoom: 21
}).addTo(map);
const layer = L.geoJSON(geojson, {
style: {
color: '#ff6600',
weight: 2,
fillColor: '#ff8800',
fillOpacity: 0.35
},
onEachFeature: function(feature, layer) {
const n = feature.properties.lotto;
layer.bindTooltip('Lotto ' + n, { permanent: true, direction: 'center', className: 'lot-label' });
layer.bindPopup('<strong>Lotto ' + n + '</strong><br>Canone base: €&nbsp;6.359,76<br>Durata: 90 giorni');
}
}).addTo(map);
map.fitBounds(layer.getBounds(), { padding: [40, 40] });
// Fullscreen toggle
function toggleFullscreen() {
const wrapper = document.getElementById('mapWrapper');
const btn = document.getElementById('btnFs');
wrapper.classList.toggle('fullscreen');
if (wrapper.classList.contains('fullscreen')) {
btn.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M8 3v3H5M21 8h-3V5M8 21v-3H5M21 16h-3v3"/></svg> Esci';
document.body.style.overflow = 'hidden';
} else {
btn.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg> Schermo intero';
document.body.style.overflow = '';
}
setTimeout(() => map.invalidateSize(), 100);
}
document.addEventListener('keydown', e => { if (e.key === 'Escape') { const w = document.getElementById('mapWrapper'); if (w.classList.contains('fullscreen')) toggleFullscreen(); } });
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment