{"id":2,"date":"2024-08-30T12:03:30","date_gmt":"2024-08-30T10:03:30","guid":{"rendered":"https:\/\/geocityx.com\/?page_id=2"},"modified":"2025-03-31T02:29:57","modified_gmt":"2025-03-31T00:29:57","slug":"pagina-di-esempio","status":"publish","type":"page","link":"https:\/\/geocityx.com\/","title":{"rendered":"Intelligenza Urbana &#8211; Controlla e gestisci il tuo territorio in modo innovativo, smart e condiviso."},"content":{"rendered":"<!--themify_builder_content-->\n<div id=\"themify_builder_content-2\" data-postid=\"2\" class=\"themify_builder_content themify_builder_content-2 themify_builder tf_clear\">\n                    <div  data-css_id=\"h85e306\" data-lazy=\"1\" class=\"module_row themify_builder_row fullwidth_row_container tb_h85e306 tb_first tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_pusi306 first\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_rxaa719 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/Risorsa-4-330x35.png\" width=\"330\" height=\"35\" class=\"wp-post-image wp-image-1158\" title=\"Risorsa 4\" alt=\"Risorsa 4\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/Risorsa-4-330x35.png 330w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/Risorsa-4-300x32.png 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/Risorsa-4.png 600w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image --><!-- module text -->\n<div  class=\"module module-text tb_19rk643   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h1 style=\"text-align: center;\">Intelligenza Urbana<\/h1>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_a2rs261   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: center;\"><em>Controlla e gestisci il tuo territorio in modo innovativo, smart e condiviso.<\/em><\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-css_id=\"9i0r223\" data-lazy=\"1\" class=\"module_row themify_builder_row fullwidth_row_container tb_9i0r223 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_0wt7223 first\">\n                    <!-- module plain text -->\n<div  class=\"module module-plain-text tb_corz223 \" data-lazy=\"1\">\n        <div class=\"tb_text_wrap\">\n        <div id=\"osgr-map-buttons\" style=\"display: flex; justify-content: space-between; align-items: flex-end;\">\r\n        <div class=\"osgr-buttons-container\">\r\n                            <button\r\n                    id=\"osgr-map-button-bellezze\"\r\n                    class=\"osgr-map-button active\"\r\n                    data-map-type=\"bellezze\"\r\n                    style=\"background-color: #26ad00;\"\r\n                    title=\"Premi per disattivare bellezze\"\r\n                >\r\n                    \u2764\ufe0f Bellezze                <\/button>\r\n                            <button\r\n                    id=\"osgr-map-button-Eventi\"\r\n                    class=\"osgr-map-button active\"\r\n                    data-map-type=\"Eventi\"\r\n                    style=\"background-color: #ff0fdf;\"\r\n                    title=\"Premi per disattivare Eventi\"\r\n                >\r\n                    \ud83d\udcc5 Eventi                <\/button>\r\n                            <button\r\n                    id=\"osgr-map-button-Segnalazioni\"\r\n                    class=\"osgr-map-button active\"\r\n                    data-map-type=\"Segnalazioni\"\r\n                    style=\"background-color: #ff0000;\"\r\n                    title=\"Premi per disattivare Segnalazioni\"\r\n                >\r\n                    \ud83d\udc41\ufe0f\u200d Segnalazioni                <\/button>\r\n                    <\/div>\r\n\r\n        <div class=\"osgr-right-buttons\" style=\"display: flex;\">\r\n                            <button id=\"osgr-calendar-button\" class=\"osgr-map-button\" style=\"margin-right: 10px;\" title=\"Calendario\">\r\n                    <i class=\"fas fa-calendar\"><\/i>\r\n                <\/button>\r\n                        <button id=\"osgr-fullscreen-button\" class=\"osgr-map-button\" aria-label=\"Attiva modalit\u00e0 a schermo intero\"\r\n                    title=\"Attiva modalit\u00e0 a schermo intero\">\r\n                <i class=\"fas fa-expand\" aria-hidden=\"true\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"osgr-map-content\">\r\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.6.0\/css\/all.min.css\">\r\n<div id=\"report-total\" class=\"report-total\">\r\n    <button id=\"toggle-legend\" class=\"osgr-legend-toggle\" aria-label=\"Mostra o nascondi legenda\" title=\"Legenda\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-list\">\r\n        <line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\r\n        <line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\r\n        <line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\r\n        <line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line>\r\n        <line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line>\r\n        <line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line>\r\n    <\/svg>\r\n<\/button>\r\n<div id=\"legend-container\" class=\"osgr-legend\">\r\n    <ul style=\"list-style-type:none;display: flex; gap: 20px; padding: 8px 0 0 0; margin: 0;\">\r\n        <li class=\"osgr-legend-item\">\r\n            <h5 style=\"color: black; text-transform: uppercase; padding: 0 8px; font-size: 14px;\">\r\n          \r\n             Legenda\r\n            <\/h5>\r\n                  \r\n        <\/li>\r\n        <li class=\"osgr-legend-item\">\r\n            <label style=\"display: flex; align-items: center; gap: 8px;\">\r\n                <span class=\"osgr-legend-color\">\r\n                    <!-- Cerchio per amministratori -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#00000000\"\r\n                         stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"8\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n                <span>Amministratori<\/span>\r\n            <\/label>\r\n        <\/li>\r\n        <li class=\"osgr-legend-item\">\r\n            <label style=\"display: flex; align-items: center; gap: 8px;\">\r\n                <span class=\"osgr-legend-color\">\r\n                    <!-- Goccia per i cittadini -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#00000000\"\r\n                         stroke=\"black\" stroke-width=\"1\">\r\n                        stroke=\"black\" stroke-width=\"1\">\r\n                        <path d=\"M12 2C8.13401 2 5 5.13401 5 9\r\n                                     C5 13.9391 11.3495 21.3137 11.6527 21.6704\r\n                                     C11.8404 21.8871 12.1596 21.8871 12.3473 21.6704\r\n                                     C12.6505 21.3137 19 13.9391 19 9\r\n                                     C19 5.13401 15.866 2 12 2Z\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n                <span>Cittadini<\/span>\r\n            <\/label>\r\n        <\/li>\r\n         <!-- Risolte\/chiuse -->\r\n        <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 8px;\">\r\n            <span class=\"osgr-legend-color\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\r\n                    fill=\"gray\" opacity=\"0.3\"\r\n                    stroke=\"black\" stroke-width=\"1\">\r\n                    <path d=\"M12 2C8.13401 2 5 5.13401 5 9\r\n                                 C5 13.9391 11.3495 21.3137 11.6527 21.6704\r\n                                 C11.8404 21.8871 12.1596 21.8871 12.3473 21.6704\r\n                                 C12.6505 21.3137 19 13.9391 19 9\r\n                                 C19 5.13401 15.866 2 12 2Z\" \/>\r\n                <\/svg>\r\n            <\/span>\r\n            <span>Chiuse o Risolte<\/span>\r\n        <\/li>\r\n    <\/ul>\r\n        <h6\r\n        style=\"color: black; text-transform: uppercase; padding: 0 8px; background-color: #f1f1f1; font-size: 14px; border-radius: 5px; margin-top: 10px;\">\r\n        <label>\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox map-type-checkbox\"\r\n                data-map-type=\"bellezze\" checked>\r\n            \u2764\ufe0f bellezze        <\/label>\r\n    <\/h6>\r\n    <ul\r\n        style=\"list-style-type:none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0;align-items: center;\">\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Chiese\"\r\n                data-map-type=\"bellezze\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#26ad00\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa fa-church\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Chiese (8)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Teatri\"\r\n                data-map-type=\"bellezze\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#26ad00\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa fa-masks-theater\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Teatri (4)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Punti Panoramici\"\r\n                data-map-type=\"bellezze\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#26ad00\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa fa-street-view\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Punti Panoramici (3)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n            <\/ul>\r\n        <h6\r\n        style=\"color: black; text-transform: uppercase; padding: 0 8px; background-color: #f1f1f1; font-size: 14px; border-radius: 5px; margin-top: 10px;\">\r\n        <label>\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox map-type-checkbox\"\r\n                data-map-type=\"Eventi\" checked>\r\n            \ud83d\udcc5 Eventi        <\/label>\r\n    <\/h6>\r\n    <ul\r\n        style=\"list-style-type:none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0;align-items: center;\">\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Cinema\"\r\n                data-map-type=\"Eventi\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0fdf\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-film\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Cinema (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Teatro\"\r\n                data-map-type=\"Eventi\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0fdf\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa fa-masks-theater\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Teatro (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Feste e sagre\"\r\n                data-map-type=\"Eventi\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0fdf\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-champagne-glasses\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Feste e sagre (4)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Culturali\"\r\n                data-map-type=\"Eventi\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0fdf\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-book\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Culturali (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n        <\/ul><ul style=\"list-style-type:none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0;align-items: center;\">        <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Sportivi\"\r\n                data-map-type=\"Eventi\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0fdf\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-volleyball\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Sportivi (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Altri Eventi\"\r\n                data-map-type=\"Eventi\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0fdf\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-plus\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Altri Eventi (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n            <\/ul>\r\n        <h6\r\n        style=\"color: black; text-transform: uppercase; padding: 0 8px; background-color: #f1f1f1; font-size: 14px; border-radius: 5px; margin-top: 10px;\">\r\n        <label>\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox map-type-checkbox\"\r\n                data-map-type=\"Segnalazioni\" checked>\r\n            \ud83d\udc41\ufe0f\u200d Segnalazioni        <\/label>\r\n    <\/h6>\r\n    <ul\r\n        style=\"list-style-type:none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0;align-items: center;\">\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Rifiuti\"\r\n                data-map-type=\"Segnalazioni\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0000\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-trash-can\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Rifiuti (3)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Buche\"\r\n                data-map-type=\"Segnalazioni\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0000\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-road\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Buche (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Illuminazione\"\r\n                data-map-type=\"Segnalazioni\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0000\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-lightbulb\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Illuminazione (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n                <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Viabilit\u00e0 e parcheggi\"\r\n                data-map-type=\"Segnalazioni\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff0000\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-car\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Viabilit\u00e0 e parcheggi (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n        <\/ul><ul style=\"list-style-type:none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0;align-items: center;\">        <li class=\"osgr-legend-item\" style=\"display: flex; align-items: center; gap: 0px; justify-content: flex-start;\">\r\n            <input type=\"checkbox\" class=\"osgr-filter-checkbox category-checkbox\"\r\n                data-type=\"Incendi\"\r\n                data-map-type=\"Segnalazioni\" checked>\r\n            <span class=\"osgr-legend-color\">\r\n                <div style=\"display: inline-block; position: relative; width: 25px; height: 25px;\">\r\n                    <!-- Cerchio colorato -->\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 50 50\"\r\n                        fill=\"#ff000d\"  stroke=\"black\" stroke-width=\"1\">\r\n                        <circle cx=\"25\" cy=\"25\" r=\"20\"><\/circle>\r\n                    <\/svg>\r\n                    <!-- Icona centrata -->\r\n                    <i class=\"fa-solid fa-fire\" style=\"\r\n                                           position: absolute;\r\n                                           top: 45%;\r\n                                           left: 50%;\r\n                                           transform: translate(-50%, -50%);\r\n                                           font-size: 12px;\r\n                                           color: white;\">\r\n                    <\/i>\r\n                <\/div>\r\n                <span style=\"font-size: 12px;\">\r\n                    Incendi (1)\r\n                <\/span>\r\n            <\/span>\r\n        <\/li> |\r\n            <\/ul>\r\n    \r\n   \r\n<\/div>\r\n\r\n<script>\r\nconst toggleLegendBtn = document.getElementById('toggle-legend');\r\nconst legendContainer = document.getElementById('legend-container');\r\n\r\ntoggleLegendBtn.addEventListener('click', function() {\r\n    legendContainer.classList.toggle('visible');\r\n    toggleLegendBtn.innerHTML = legendContainer.classList.contains('visible') ?\r\n        '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>' :\r\n        '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-list\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg>';\r\n});\r\n<\/script>\r\n    <div>\r\n        <div class=\"osgr-filter-btns\">\r\n    <button class=\"osgr-filter-btn\" data-range=\"1d\" title=\"Segnalazioni dell'ultimo giorno\">1g<\/button>\r\n    <button class=\"osgr-filter-btn\" data-range=\"1w\" title=\"Segnalazioni dell'ultima settimana\">7g<\/button>\r\n    <button class=\"osgr-filter-btn\" data-range=\"1m\" title=\"Segnalazioni dell'ultimo mese\">30g<\/button>\r\n    <button class=\"osgr-filter-btn\" data-range=\"3m\" title=\"Segnalazioni degli ultimi 3 mesi\">90g<\/button>\r\n    <button class=\"osgr-filter-btn\" data-range=\"1y\" title=\"Segnalazioni dell'ultimo anno\">1a<\/button>\r\n    <button class=\"osgr-filter-btn active\" data-range=\"all\" title=\"Tutte le segnalazioni\">\r\n        <i class='fas fa-infinity'><\/i>\r\n    <\/button>\r\n<\/div>\r\n        <div id=\"osgr-map\" style=\"width: 100%;\"><\/div>\r\n        <div id=\"wms-legend\" style=\"display: none;\"><\/div>\r\n        <div id=\"loader\">\r\n            <div class=\"spinner\"><\/div>\r\n        <\/div>\r\n        <!-- Icona di apertura dei controlli GeoJSON -->\r\n<div id=\"toggle-geojson-controls\"\r\n    style=\"position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 500; cursor: pointer; background-color: #43434373; padding: 10px; border-radius: 25px 0 0 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\"\r\n    title=\"Altre mappe Tematiche\">\r\n    <i class=\"fas fa-map\"\r\n        style=\"font-size: 22px; color: white; position: relative; top: 2px; right: 5px; margin-left: 10px;\"><\/i>\r\n<\/div>\r\n\r\n<!-- Controlli per GeoJSON e WMS -->\r\n<div id=\"geojson-layer-controls\"\r\n    style=\"position: absolute; top: 50%; right: 60px; width: 160px; z-index: 1000; transform: translateY(-50%);\">\r\n\r\n    <!-- Layer catastale -->\r\n    <div class=\"geojson-button\" id=\"cadastral-layer-btn\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\"\r\n        title=\"Aggiungi layer catastale\">\r\n        <i class=\"fa-solid fa-hashtag\" aria-hidden=\"true\" style=\"margin-right: 5px;\"><\/i> Catasto\r\n    <\/div>\r\n\r\n    <!-- Pulsanti GeoJSON -->\r\n        <div class=\"geojson-button\" data-geojson-url=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/maps\/mappe-layer\/geocityx-pug-a.geojson\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\"\r\n        title=\"Aggiungi mappa tematica\">\r\n        PUG A    <\/div>\r\n        <div class=\"geojson-button\" data-geojson-url=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/maps\/mappe-layer\/geocityx-pista-ciclabile.geojson\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\"\r\n        title=\"Aggiungi mappa tematica\">\r\n        Pista Ciclabile    <\/div>\r\n        <div class=\"geojson-button\" data-geojson-url=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/maps\/mappe-layer\/geocityx-asse.geojson\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\"\r\n        title=\"Aggiungi mappa tematica\">\r\n        Asse    <\/div>\r\n        <div class=\"geojson-button\" data-geojson-url=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/maps\/mappe-layer\/geocityx-prg.geojson\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\"\r\n        title=\"Aggiungi mappa tematica\">\r\n        PRG    <\/div>\r\n    \r\n    <!-- Pulsanti WMS -->\r\n            <div class=\"wms-button\" data-wms-index=\"1\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\">\r\n        Strutture Antropiche    <\/div>\r\n        <div class=\"wms-button\" data-wms-index=\"2\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\">\r\n        Localit\u00e0 interesse    <\/div>\r\n        <div class=\"wms-button\" data-wms-index=\"3\"\r\n        style=\"cursor: pointer; background-color: white; color: darkgray; padding: 3px; margin-bottom: 3px; text-align: center; border-radius: 5px;\">\r\n        Unit\u00e0 Geologiche\t    <\/div>\r\n        \r\n    <!-- Pulsante rimozione layer -->\r\n    <div id=\"clear-geojson-layers\"\r\n        style=\"cursor: pointer; color: black; padding: 3px; margin-top: 3px; text-align: center; border-radius: 5px;\"\r\n        title=\"Rimuovi tutte le mappe tematiche\">\r\n        X\r\n    <\/div>\r\n<\/div>\r\n            <div id=\"map-type-selector\" style=\"display: flex; justify-content: space-around; margin-bottom: 10px;\">\r\n        <div class=\"map-type\" id=\"map-streets\" title=\"Esplorazione citt\u00e0\">\r\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/mapa_strade.png\" alt=\"Mappa Stradale\">\r\n        <\/div>\r\n        <div class=\"map-type\" id=\"map-rilievi\" title=\"Strade dettagliate\">\r\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/mapa_strade_light.png\" alt=\"Mappa Stradale Bianca\">\r\n        <\/div>\r\n        <div class=\"map-type\" id=\"map-stradesatellite\" title=\"Mappa ibrida\">\r\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/mapa_strade_sat.png\" alt=\"Mappa Stradale Satellitare\">\r\n        <\/div>\r\n        <div class=\"map-type\" id=\"map-satellite\" title=\"Vista satellitare\">\r\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/mapa_satellite.png\" alt=\"Mappa Satellitare\">\r\n        <\/div>\r\n    <\/div>\r\n            <div id=\"tue-segnalazioni\" class=\"tooltip-container\">\r\n    <a href=\"https:\/\/geocityx.com\/gestione-geocity\/\">Area personale \ud83d\udc68<\/a>\r\n    <span class=\"tooltip-text\">Qui potrai visualizzare le segnalazioni e le risposte che hai inviato.<\/span>\r\n<\/div>\r\n            <!-- Pulsante che mostra sempre l'icona del cestino (posizionato a destra, centrato verticalmente) -->\r\n    <div id=\"osgr-raccolta-toggle\"\r\n        style=\"position: absolute; top: 40%; right: 0; transform: translateY(-50%); z-index: 500; cursor: pointer;    background-color: #43434373; padding: 10px; border-radius: 25px 0 0 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 33px;\">\r\n        <i class=\"fas fa-trash-alt\"\r\n            style=\"font-size: 22px; color: white; position: relative; top: 2px; right: 2px; margin-left: 10px;\"  title=\"Gestione Rifiuti\"><\/i>\r\n    <\/div>\r\n\r\n    <!-- Div con i dettagli della raccolta (nascosto all'inizio) -->\r\n    <div id=\"osgr-raccolta-details\"\r\n        style=\"display: none; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); z-index: 500; background-color: white; padding: 15px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\">\r\n        <h5 style=\"margin: 0 0 10px;\">Raccolta rifiuti<\/h5>\r\n        <p>Domani,\r\n            <strong>gioved\u00ec<\/strong>, \u00e8 il giorno di raccolta per:\r\n        <\/p>\r\n        <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\r\n                            <div style=\"text-align: center;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/rifiuti\/rifiuti_Tavola%20disegno%201%20copia%204.png\"\r\n                        alt=\"Metallo\" style=\"width: 50px; height: 50px;\">\r\n                    <p style=\"margin: 0;\"><strong>Metallo<\/strong><\/p>\r\n                                    <\/div>\r\n                            <div style=\"text-align: center;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/rifiuti\/rifiuti_Tavola%20disegno%201%20copia%2014.png\"\r\n                        alt=\"Umido\" style=\"width: 50px; height: 50px;\">\r\n                    <p style=\"margin: 0;\"><strong>Umido<\/strong><\/p>\r\n                                    <\/div>\r\n                    <\/div>\r\n\r\n                    <div style=\"text-align: right; font-size: 11px;\">\r\n                                    <a href=\"https:\/\/www.comune.bologna.it\/per-cittadini\/citta-sostenibile\/raccolta-differenziata\" target=\"_blank\" style=\"color: #0073aa; text-decoration: none;\" rel=\"noopener\">(*)Per maggiori dettagli<\/a><br>\r\n                              <strong>Tel. Recupero Ingombranti RAEE:<\/strong> \r\n    <a href=\"tel:333123456789\" style=\"color: #0073aa; text-decoration: none;\">\r\n        333123456789    <\/a>\r\n\r\n            <\/div>\r\n        \r\n        <!-- Verifica se l'utente \u00e8 amministratore -->\r\n            <\/div>\r\n    \r\n\r\n\r\n        <script type=\"text\/javascript\">\r\n            document.addEventListener('DOMContentLoaded', function () {\r\n                var toggleButton = document.getElementById('osgr-raccolta-toggle');\r\n                var detailsDiv = document.getElementById('osgr-raccolta-details');\r\n\r\n                \/\/ Aggiungi un evento di click per aprire\/chiudere il div dei dettagli\r\n                toggleButton.addEventListener('click', function () {\r\n                    if (detailsDiv.style.display === 'none' || detailsDiv.style.display === '') {\r\n                        detailsDiv.style.display = 'block';\r\n                    } else {\r\n                        detailsDiv.style.display = 'none';\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n                    <div id=\"osgr-logo-comune\" style=\"\">\r\n        <a href=\"https:\/\/www.comune.bologna.it\/\" target=\"_blank\" title=\"Sito ufficiale del Comune di Bologna\" alt=\"Sito ufficiale del Comune di Bologna\" rel=\"noopener\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/plugins\/00COMUNE1\/images\/stemmi_cod_istat\/037006.png\" style=\"max-height: 30px;\">\r\n        <\/a>\r\n    <\/div>\r\n    <style>\r\n        \/* Stile per posizionare il logo *\/\r\n        #osgr-logo-comune {\r\n            position: absolute;\r\n            top: 60%;\r\n            right: 0;\r\n            transform: translateY(-50%);\r\n            z-index: 500;\r\n            width: 33px;\r\n            text-align: center;\r\n            cursor: pointer;\r\n               background-color: #43434373;\r\n            padding: 10px;\r\n            border-radius: 25px 0 0 25px;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n    <\/style>\r\n                        <!-- Pulsante per mostrare e nascondere la descrizione del comune -->\r\n    <div id=\"comune-descrizione-button\" style=\"position: absolute; top: 70%; right: 0; transform: translateY(-50%); z-index: 500; cursor: pointer;    background-color: #43434373; padding: 10px;    width: 33px;\r\n border-radius: 25px 0 0 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\">\r\n        <i class=\"fas fa-info-circle\" style=\"font-size: 22px; color: white;    position: relative;\r\n    top: 3px;\r\n    left: 5px;\" title=\"Descrizione Wiki del comune\">\r\n        <\/i>\r\n    <\/div>\r\n\r\n    <!-- Popup nascosto che mostrer\u00e0 la descrizione del comune -->\r\n    <div id=\"comune-descrizione-popup\"\r\n        style=\"display: none; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); z-index: 500; background-color: white; padding: 15px; \r\n        border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);max-height: 400px; overflow-y: auto;\">\r\n        <h3 style=\"margin: 0 0 10px;\">Comune di Bologna<\/h3>\r\n        <div>\r\n            <p><b>Bologna<\/b> (, <small>AFI:<\/small> <span title=\"Questa \u00e8 una trascrizione IPA della pronuncia. Vedere l'alfabeto fonetico internazionale.\">\/bo\u02c8lo\u0272\u0272a\/<\/span>; in dialetto bolognese <i>Bul\u00e5ggna<\/i>, <small>AFI:<\/small> <span title=\"Questa \u00e8 una trascrizione IPA della pronuncia. Vedere l'alfabeto fonetico internazionale.\">\/bu\u02c8l\u028c\u0272\u02d0\u0250\/<\/span>) \u00e8 un comune italiano di 390\u00a0734 abitanti, capoluogo dell'omonima citt\u00e0 metropolitana, a sua volta capoluogo dell'Emilia-Romagna. Sede della pi\u00f9 antica universit\u00e0 del mondo, ospita numerosi studenti che ne animano la vita culturale e sociale. \u00c8 nota per le sue torri, i suoi lunghi portici e un ben conservato centro storico, fra i pi\u00f9 estesi d'Italia.\n<\/p><p>La citt\u00e0, i cui primi insediamenti risalirebbero almeno al I millennio a.C., fu un importante centro urbano dapprima sotto gli Etruschi e i Celti, poi sotto i Romani e, nel Medioevo, come libero comune. Capitale settentrionale dello Stato Pontificio a partire dal Cinquecento, ebbe un ruolo notevole durante il Risorgimento e, durante la seconda guerra mondiale, fu uno dei fulcri della Resistenza. Nel secondo dopoguerra, come buona parte dell'Emilia, \u00e8 stata governata quasi ininterrottamente da amministrazioni di sinistra.\n<\/p><p>Bologna \u00e8 uno dei principali nodi di comunicazioni stradali e ferroviarie del Nord Italia, in un'area in cui risiedono numerose industrie meccaniche, elettroniche e alimentari. \u00c8 sede di prestigiose istituzioni culturali, economiche e politiche, e di uno dei pi\u00f9 avanzati quartieri fieristici d'Europa. Nel 2000 fu tra le capitali europee della cultura.\n<\/p><p>Alcuni dei suoi portici e il sito naturale dei gessi bolognesi sono inseriti nei patrimoni dell'umanit\u00e0 UNESCO.\n<\/p>\n\n<h5 data-mw-anchor=\"Geografia_fisica\">Geografia fisica<\/h5>\n\n<h5 data-mw-anchor=\"Territorio\">Territorio<\/h5>\n<p>Bologna \u00e8 situata nelle propaggini meridionali della pianura Padana, a ridosso dei primi rilievi collinari dell'Appennino tosco-emiliano, fra lo sbocco delle valli del fiume Reno e del torrente Savena, che la bagnano longitudinalmente, rispettivamente a ovest e a est. L'altimetria del territorio comunale spazia dai <span><span data-sort-value=\"7001290000000000000\u2660\"><\/span>29\u00a0m s.l.m.<\/span> del quartiere di Corticella ai 54 del centro del capoluogo, fino ai circa 280 del Colle della Guardia che domina sull'area urbana e ai circa 390 del Monte Sabbiuno ai confini meridionali del territorio comunale.\n<\/p>\n<h5 data-mw-anchor=\"Clima\">Clima<\/h5>\n\n\n\n<p>Bologna presenta un clima temperato umido, con estati molto calde e umide e inverni piuttosto freddi e umidi.\n<\/p>\n\n<p>La temperatura minima assoluta, registrata all'aeroporto Guglielmo Marconi nel 1966, \u00e8 pari a <span><span data-sort-value=\"7002254349999999999\u2660\"><\/span>\u221218,8\u00a0\u00b0C<\/span>, mentre la massima assoluta \u00e8 pari a <span><span data-sort-value=\"7002313250000000000\u2660\"><\/span>+40,1\u00a0\u00b0C<\/span> registrata il 4 agosto 2017. Estati pi\u00f9 lunghe e calde del normale si sono avute nel 2003, nel 2012, nel 2015, nel 2017 e nel 2021, anni nei quali si sono avuti anche lunghi periodi di siccit\u00e0. Le precipitazioni medie in citt\u00e0 oscillano, a seconda degli anni, da 600 a <span><span data-sort-value=\"6999900000000000000\u2660\"><\/span>900\u00a0mm<\/span> e si concentrano solitamente in primavera e autunno.\n<\/p><p>In inverno si possono verificare nevicate, talvolta anche molto abbondanti, e frequenti gelate notturne: \u00e8 rimasta nella memoria di molti bolognesi quella del febbraio 1929 e pi\u00f9 recentemente quella del febbraio 2012 (quando caddero <span><span data-sort-value=\"7000119000000000000\u2660\"><\/span>119\u00a0cm<\/span> di neve fresca in citt\u00e0).\n<\/p><p>La ventosit\u00e0 modesta contribuisce alla formazione di nebbie e foschie e alla permanenza di un elevato inquinamento atmosferico conseguente sia al traffico locale che a quello di transito. Occasionalmente, tuttavia, si sono avute giornate con raffiche anche a <span><span data-sort-value=\"7001333333333333333\u2660\"><\/span>120\u00a0km\/h<\/span> (ad esempio il 26 dicembre 1996) per effetto di venti di tramontana; durante l'estate, si possono registrare forti raffiche, anche superiori a <span><span data-sort-value=\"7001277777777777777\u2660\"><\/span>100\u00a0km\/h<\/span> in occasione di nubifragi e altri eventi temporaleschi a carattere locale. \n<\/p><p>Di seguito le medie climatiche relative alla citt\u00e0 di Bologna, sia per il periodo climatico di riferimento (1961-1990) che per quello recente (1991-2020); rispetto ai valori registrati presso l\u2019aeroporto appena fuori citt\u00e0 si nota una notevolissima influenza dell\u2019isola di calore, secondo alcuni studi la pi\u00f9 intensa e rilevante tra tutte le citt\u00e0 italiane. Particolarmente evidente \u00e8 stato anche l\u2019aumento drastico delle temperature degli ultimi trent\u2019anni rispetto al periodo climatico di riferimento; totalmente invariate invece le precipitazioni medie annue, seppur con una diminuzione in estate e un aumento in autunno.\n<\/p>\n\n\n<h5 data-mw-anchor=\"Storia\">Storia<\/h5>\n\n\n<h5 data-mw-anchor=\"Storia_antica\">Storia antica<\/h5>\n\n<p>La zona di Bologna risulta abitata fin dal III millennio a.C., ma \u00e8 soprattutto dal IX secolo a.C. che si registrano insediamenti di rilievo. In questo periodo, e fino al VI secolo a.C., la zona dove sorge oggi Bologna era occupata da nuclei insediativi dell'et\u00e0 del ferro appartenenti alla civilt\u00e0 villanoviana. Nel VII-VI secolo a.C. abbiamo testimonianze di un'apertura ai modelli culturali e artistici dell'Etruria tirrenica, durante la quale la citt\u00e0 fu chiamata Felsina (in etrusco <i>Felzna<\/i> o <i>Felsna<\/i>).\n<\/p><p>Successivamente (V-IV secolo a.C.), con la discesa dei Galli nella penisola, gli Etruschi persero il controllo dell'area. Il dominio gallico sulla zona dur\u00f2 fino al 196 a.C., anno in cui i Galli Boi furono soggiogati dai Romani. Nel 189 a.C. questi ultimi fondarono sul sito una colonia di diritto latino a cui diedero il nome di <i>Bononia<\/i>.\n<\/p>\n<h5 data-mw-anchor=\"Storia_medievale\">Storia medievale<\/h5>\n\n<p>Dopo la caduta dell'Impero, fu soggetta a Odoacre, a Teodorico il Grande (493-526), a Bisanzio e infine, nel 727, ai Longobardi, per i quali costitu\u00ec principalmente un centro militare. Nel 774, dopo la conquista di Carlo Magno, la citt\u00e0 pass\u00f2 sotto il <i>Regnum Italiae<\/i>.\n<\/p><p>Ripopolatasi nel X secolo, Bologna inizi\u00f2 a nutrire aspirazioni comunali, che riusc\u00ec ad affermare alla morte di Matilde di Canossa, nel 1115, ottenendo l'anno successivo una serie di concessioni giurisdizionali ed economiche dall'imperatore Enrico V. Il 15 maggio del 1116 viene dunque considerata la data di fondazione del Comune di Bologna.\n<\/p><p>Al 1088 \u00e8 convenzionalmente fatta risalire la fondazione di quella che \u00e8 riconosciuta come la prima universit\u00e0 del mondo occidentale (lo <i>Studium<\/i>). Tra i primi maestri vi furono i giuristi Pepone, Accursio e Irnerio, che resero famosa in tutta Europa la scuola di giurisprudenza bolognese.\n<\/p><p>Il comune partecip\u00f2 alla lotta contro il Barbarossa, conclusasi con la pace di Costanza nel 1183, dopo la quale conobbe una forte espansione, anche edilizia (periodo delle case-torri): fu uno dei principali centri di scambio commerciale grazie a un avanzato sistema di canali che permettevano il transito di grandi quantit\u00e0 di merci e fornivano l'energia necessaria ad alimentare numerosi mulini industriali. Alla fine del XIII secolo contava 50\u00a0000, forse 60\u00a0000 abitanti.\n<\/p>\n\n<p>Nel XIII secolo Bologna fu coinvolta nelle lotte tra guelfi e ghibellini, con alterne fortune. Nel 1249 i bolognesi riuscirono a catturare Re Enzo di Sardegna, figlio di Federico II di Svevia, il quale fu tenuto prigioniero fino alla sua morte (1272) nell'omonimo palazzo.\n<\/p><p>Nel 1257, per la prima volta in Italia e forse nel mondo, il podest\u00e0 Bonaccorso da Soresina promulg\u00f2 il <i>Liber Paradisus<\/i> che aboliva la schiavit\u00f9 e riscattava i servi della gleba, pagando gli ex proprietari con soldi pubblici e a prezzo di mercato.\n<\/p><p>Fra la fine del XIII e l'inizio del XIV secolo le lotte interne indebolirono le istituzioni comunali e la citt\u00e0 and\u00f2 progressivamente assoggettandosi all'autorit\u00e0 papale. Nel 1327 il legato pontificio Bertrando del Poggetto prese la citt\u00e0, per poi essere cacciato a furor di popolo nel 1334. Nel 1337 ebbe inizio la signoria dei Pepoli. Alla morte di Taddeo Pepoli il governo della citt\u00e0 pass\u00f2 ai Visconti di Milano, poi nuovamente alla Chiesa. Dopo un effimero periodo comunale, nel 1401 la signoria della citt\u00e0 pass\u00f2 ai Bentivoglio, che la mantennero (fra alterne vicende) fino alla cacciata ad opera di papa Giulio II nel 1506.\n<\/p>\n\n<h5 data-mw-anchor=\"Storia_moderna\">Storia moderna<\/h5>\n<p>Nel 1507 Bologna pass\u00f2 allo Stato Pontificio e nel 1530 nella Basilica di San Petronio venne celebrata l'incoronazione di Carlo V Imperatore per mano di Papa Clemente VII. La citt\u00e0 rimase nello Stato Pontificio fino al 1796, quando con Napoleone arrivarono a Bologna le truppe francesi. Tuttavia, dopo il Congresso di Vienna (1815) la citt\u00e0 ritorn\u00f2 allo Stato Pontificio. Vi si stabilirono gli austriaci, per essere poi annessa, con il plebiscito dell'11-12 marzo 1860, al Regno di Sardegna che diventer\u00e0 Regno d'Italia esattamente dodici mesi dopo.\n<\/p>\n<h5 data-mw-anchor=\"Seconda_guerra_mondiale\">Seconda guerra mondiale<\/h5>\n\n<p>La citt\u00e0 di Bologna fu esposta a numerose azioni di bombardamento durante la seconda guerra mondiale. Le incursioni aeree ebbero sulla citt\u00e0 effetti devastanti, tra i quali la perdita di oltre 3\u00a0000 vite, la distruzione di monumenti, lo sconvolgimento della fisionomia di quartieri del centro storico e danni ingenti al principale scalo ferroviario.\n<\/p><p>Bologna pag\u00f2 con un forte tributo di sangue la propria opposizione alla Repubblica di Sal\u00f2 e alle truppe naziste d'invasione. L'episodio pi\u00f9 celebre della Resistenza bolognese fu la battaglia di Porta Lame, combattuta il 7 novembre 1944.\n<\/p><p>Il 9 aprile 1945 inizi\u00f2 la battaglia per la citt\u00e0. La mattina del 21 aprile, in una Bologna ormai abbandonata dai tedeschi, entrarono in citt\u00e0 fra il giubilo della popolazione i soldati del II Corpo polacco dell'VIII armata britannica, i reparti avanzati della 91\u00aa e 34\u00aa divisione USA, avanguardie dei Gruppi di Combattimento italiani \"Friuli\" e \"Legnano\", e partigiani della \"Brigata Maiella\".\n<\/p>\n<h5 data-mw-anchor=\"Storia_recente\">Storia recente<\/h5>\n\n<p>Dal 1945 al 1999 la citt\u00e0 ha avuto ininterrottamente sindaci di sinistra, il pi\u00f9 famoso dei quali \u00e8 stato Giuseppe Dozza. Il grande movimento alternativo espresso da Bologna negli anni settanta e ottanta fece della citt\u00e0 il punto di riferimento in Italia per diversi settori dell'arte.\n<\/p><p>Durante l'amministrazione di Renato Zangheri, il 2 agosto 1980 una bomba esplose alla stazione centrale di Bologna causando ottantacinque morti e oltre duecento feriti: questo avvenimento \u00e8 passato alla storia come la strage di Bologna. I processi successivi appurarono la matrice del terrorismo nero.\n<\/p><p>Fra il 1987 e il 1994 impervers\u00f2 in Emilia-Romagna, e in particolare nel territorio bolognese, la banda della Uno bianca. L'azione pi\u00f9 sanguinosa della banda, nota come la strage del Pilastro, avvenne il 4 gennaio 1991, quando vennero uccisi in un agguato tre carabinieri.\n<\/p><p>Nel 1999 la tradizione dei sindaci di sinistra si interruppe con l'affermazione elettorale di Giorgio Guazzaloca, candidato civico di centro-destra, che rimane tuttora l'unico esponente di tale coalizione ad essersi insediato a Palazzo d'Accursio. Durante il suo mandato, il 19 marzo 2002, venne ucciso dalle Nuove Brigate Rosse il giuslavorista e consulente del lavoro Marco Biagi. L'esperienza del centro-destra termin\u00f2 nel 2004 quando l'ex sindacalista Sergio Cofferati venne eletto primo cittadino. Il sindaco successivo, Flavio Delbono, eletto nel 2009 sempre in quota centro-sinistra, si dimise nel gennaio 2010 in seguito a indagini giudiziarie. Nel 2011 venne eletto Virginio Merola, del Partito Democratico, riconfermato nel 2016 per un secondo mandato. Nel 2021 viene eletto sindaco l'esponente del Partito Democratico Matteo Lepore, gi\u00e0 assessore delle giunte Merola.\n<\/p>\n<h5 data-mw-anchor=\"Simboli\">Simboli<\/h5>\n\n\n\n<p>Lo stemma di Bologna, riconosciuto ufficialmente con decreto del Capo del Governo del 6 novembre 1937, \u00e8 costituito da uno scudo ovato diviso in quattro parti, due contenenti una croce rossa su sfondo bianco sovrastata da un capo d'Angi\u00f2 e le altre due la scritta color oro <i>LIBERTAS<\/i> su sfondo azzurro, il tutto sovrastato da una testa di leone posta di fronte.\n<\/p><p>La bandiera cittadina \u00e8 una croce rossa in campo bianco, derivata dall'<i>arma del comune<\/i>, cio\u00e8 dal primo e quarto quadrante dello stemma cittadino. La bandiera sventola insieme a quella europea e a quella italiana in tutte le sedi istituzionali dell'amministrazione comunale.\n<\/p>\n<h5 data-mw-anchor=\"Onorificenze\">Onorificenze<\/h5>\n<p>La Citt\u00e0 e gli abitanti di Bologna sono insigniti delle seguenti onorificenze:\n<\/p>\n<ul><li>il Popolo di Bologna \u00e8 \"Benemerito della Repubblica Romana e d'Italia\" da parte dell'Assemblea Costituente Romana della Repubblica Romana.<\/li>\n<li>la decima tra le 27 citt\u00e0 decorate di medaglia d'oro come \"benemerite del Risorgimento nazionale\" per le azioni altamente patriottiche compiute dalla citt\u00e0 nel periodo del Risorgimento. Periodo, definito dalla Casa Savoia, compreso tra i moti insurrezionali del 1848 e la fine della prima guerra mondiale nel 1918.<\/li>\n<li>tra le citt\u00e0 decorate al valor militare per la guerra di liberazione perch\u00e9 \u00e8 stata insignita della Medaglia d'oro al valor militare il 24 novembre 1946 per i sacrifici delle sue popolazioni e per la sua attivit\u00e0 nella lotta partigiana durante la seconda guerra mondiale.<\/li><\/ul>\n\n\n\n\n<h5 data-mw-anchor=\"Monumenti_e_luoghi_d'interesse\" data-mw-fallback-anchor=\"Monumenti_e_luoghi_d.27interesse\">Monumenti e luoghi d'interesse<\/h5>\n\n<h5 data-mw-anchor=\"Portici\">Portici<\/h5>\n\n\n\n<p>Bologna \u00e8 la citt\u00e0 dei portici: oltre <span><span data-sort-value=\"7004380000000000000\u2660\"><\/span>38\u00a0km<\/span> nel solo centro storico. Li si trova in quasi tutte le vie del centro e la loro origine \u00e8 in parte da attribuirsi alla forte espansione che Bologna ebbe nel tardo Medioevo. Di qui la necessit\u00e0 di sfruttare al massimo gli spazi e aumentare la cubatura delle case espandendo i piani superiori, dapprima con la creazione di sporti in legno sorretti da travature, e successivamente da portici sorretti da colonne. Come anche in altre citt\u00e0 vicinanti, i portici consentono di percorrere buona parte delle strade cittadine al riparo da pioggia e neve. In quanto area di incontro fra spazio pubblico e privato, furono anche un mezzo per l'espansione di attivit\u00e0 commerciali e artigiane, nonch\u00e9 di socializzazione.\n<\/p><p>I portici di Bologna sono un bene italiano dichiarato Patrimonio dell'umanit\u00e0 dall'UNESCO nel 2021.\n<\/p>\n<h5 data-mw-anchor=\"Architetture_religiose\">Architetture religiose<\/h5>\n<h5 data-mw-anchor=\"Chiese\">Chiese<\/h5>\n\n\n\n\n\n\n<p>In piazza Maggiore si trova la gotica e imponente basilica di San Petronio costruita per volere del Comune fra il 1390 e il 1659. Presenta un portale decorato da bassorilievi di Jacopo della Quercia, mentre all'interno si trovano alcune cappelle notevolmente decorate. Nella navata sinistra, sul pavimento, \u00e8 visibile la meridiana pi\u00f9 grande del mondo, progettata dal matematico Giovanni Domenico Cassini e realizzata nel 1655.\n<\/p><p>Di notevole interesse la Basilica di San Francesco del XIII secolo (anche se ha subito notevoli interventi nel XIX secolo e nel secondo dopoguerra), primo esempio di gotico francese in Italia. Coeva \u00e8 la chiesa di San Domenico, dove si trova l'arca in cui sono conservate le spoglie del santo, realizzata da Nicola Pisano e bottega, Niccol\u00f2 dell'Arca e Michelangelo. Adiacenti ad entrambe le chiese si trovano i monumenti funebri dei glossatori.\n<\/p><p>In piazza Santo Stefano spicca il complesso di Santo Stefano, noto anche come \"le Sette Chiese\" a causa della sua articolazione in numerose chiese e cappelle collegate da un cortile e da un chiostro. Il nucleo originale fu edificato nell'VIII secolo su un tempio pagano del II secolo dedicato alla dea egizia Iside, del quale resta un architrave con dedica alla dea, murato all'esterno, e alcune colonne di granito africano. L'impianto architettonico principale \u00e8 marcatamente romanico, nonostante alcune modifiche successive.\n<\/p><p>La cattedrale cittadina dedicata a San Pietro, sita in via Indipendenza, fu costruita nel XVII secolo sulle rovine dell'antico edificio paleocristiano. Altre rilevanti chiese cittadine sono San Giacomo Maggiore (1263), in stile gotico e con elegante portico rinascimentale; la Basilica di Santa Maria dei Servi (eretta tra il XIV e il XVI secolo), con una <i>Maest\u00e0<\/i> di Cimabue e un suggestivo quadriportico; Santa Maria della Vita (la chiesa del primo ospedale di Bologna, fondato nel 1260), al cui interno si trovano le preziosissime terrecotte delle Marie Piangenti, note come <i>Compianto sul Cristo morto<\/i> e realizzate da Niccol\u00f2 dell'Arca tra il 1463 e il 1490.\n<\/p><p>Sul Colle della Guardia, a sud-ovest del centro storico, si trova il caratteristico santuario della Madonna di San Luca (1765), raggiungibile per una lunghissima e suggestiva via porticata del XVII e XVIII secolo (la pi\u00f9 lunga al mondo, ben <span><span data-sort-value=\"7003379600000000000\u2660\"><\/span>3,796\u00a0km<\/span>).\n<\/p>\n<h5 data-mw-anchor=\"Altri_edifici_di_culto\">Altri edifici di culto<\/h5>\n<p>In via De' Gombruti n. 7 \u00e8 presente una sinagoga del 1954 su progetto di Guido Muggia. Vi \u00e8 inoltre un Centro di cultura islamica e alcune piccole moschee.\n<\/p>\n<h5 data-mw-anchor=\"Cimiteri_monumentali\">Cimiteri monumentali<\/h5>\n<p>Poco lontano dal centro storico si trova il Cimitero monumentale della Certosa di Bologna, che fu aperto nel 1801 trasformando la precedente Certosa di San Girolamo di Casara, costruita nel 1350 e soppressa da Napoleone.\n<\/p><p>Alle porte di Bologna, al confine con San Lazzaro di Savena, si trova un complesso militare della seconda guerra mondiale. Il cimitero maggiore \u00e8 il cimitero polacco, il pi\u00f9 grande dei quattro cimiteri militari dei polacchi caduti in Italia durante la seconda guerra mondiale.\n<\/p>\n<h5 data-mw-anchor=\"Architetture_civili\">Architetture civili<\/h5>\n<h5 data-mw-anchor=\"Torri\">Torri<\/h5>\n\n\n\n<p>Le torri gentilizie di Bologna, di origine medioevale, sono uno dei tratti pi\u00f9 caratteristici della citt\u00e0. Di esse, circa un centinaio in origine, ne sopravvivono oggi solamente diciassette. Fra le torri superstiti si possono citare la Torre Azzoguidi (61 metri di altezza), la Torre Prendiparte (59,50 metri), e le ben pi\u00f9 note <i>due torri<\/i>: la Torre degli Asinelli e la Torre della Garisenda.\n<\/p><p>Le <i>due torri<\/i> sono i monumenti simbolo della citt\u00e0: la Torre degli Asinelli (97,20 metri, la torre pendente pi\u00f9 alta d'Italia) e la Torre della Garisenda (in origine alta 60 metri, ora 48) edificate per volere di nobili ghibellini nel XII secolo.<br>\nLa pi\u00f9 pendente delle due, la Garisenda, fu citata pi\u00f9 volte da Dante Alighieri, nella <i>Divina Commedia<\/i> (Inferno, XXXI, 136-140) e nelle <i>Rime<\/i>, a riprova del suo soggiorno a Bologna.<br>\n<\/p>\n\n<h5 data-mw-anchor=\"Palazzi_storici_e_ville\">Palazzi storici e ville<\/h5>\n\n\n\n\n\n<p>Affacciati su piazza Maggiore sorgono il Palazzo Comunale (o d'Accursio) (XIII-XV secolo) e il Palazzo del Podest\u00e0 (ampiamente rimaneggiato nel 1485), accanto al duecentesco Palazzo Re Enzo (il cui aspetto attuale si deve al restauro neogotico di Alfonso Rubbiani del 1905).\n<\/p><p>La maggior parte dei palazzi di Bologna risale principalmente all'epoca in cui la citt\u00e0 era inglobata nello Stato della Chiesa tra il XVI e il XVIII secolo e appartenevano alle famiglie senatorie che governavano Bologna a quei tempi. Alcuni furono costruiti altri, gi\u00e0 presenti, solo ammodernati. I Bentivoglio precedentemente furono tra le prime famiglie a costruirsi un loro palazzo che per\u00f2 fu distrutto e le macerie si trovano ai <i>Giardini del Guasto dei Bentivoglio<\/i>, dietro il Teatro Comunale.\n<\/p><p>L'Archiginnasio di Bologna \u00e8 uno dei palazzi pi\u00f9 significativi della citt\u00e0: fu sede dell'antica Universit\u00e0, dal 1563 al 1803. Il palazzo fu costruito nel 1562 su progetto di Antonio Morandi (detto il Terribilia), ed \u00e8 ricchissimo di storia e opere d'arte. Citiamo il complesso araldico murale (che si compone di pi\u00f9 di 6\u00a0000 stemmi studenteschi), e il teatro anatomico (che risale al 1637, sala dedicata allo studio dell'anatomia a forma di anfiteatro, costruita in legno d'abete, soffitto a cassettoni, e decorata con statue di illustri medici del passato e di modelli anatomici dell'artista Lelli). Dal 1838 \u00e8 sede della Biblioteca Comunale.\n<\/p><p>Per quanto riguarda le ville, in alcuni casi si tratta di antichi conventi o luoghi di culto che, in et\u00e0 napoleonica, vennero venduti a privati e in qualche occasione trasformati appunto in ville. Queste sono state e sono ancora dimore appartenenti alle famiglie pi\u00f9 agiate della citt\u00e0. Alcuni notevoli esempi di questi edifici si possono trovare nei dintorni della citt\u00e0, sui colli circostanti oppure verso San Lazzaro. \n<\/p>\n<h5 data-mw-anchor=\"Fontane\">Fontane<\/h5>\n<p>Uno dei pi\u00f9 noti simboli di Bologna \u00e8 la fontana del Nettuno, sita nell'omonima piazza, adiacente a piazza Maggiore. Voluta dal cardinale legato Carlo Borromeo, fu progettata da Tommaso Laureti ed \u00e8 sormontata da una statua rappresentante il dio del mare Nettuno, opera del Giambologna.\n<\/p><p>L'altra fontana cittadina degna di nota \u00e8 la cosiddetta Fontana Vecchia, addossata al palazzo Comunale (oggi Sala Borsa) in via Ugo Bassi, opera dello stesso Tommaso Laureti che progett\u00f2 la pi\u00f9 famosa fontana del Nettuno nel XVI secolo.\n<\/p><p>All'interno del Parco della Montagnola \u00e8 situata la fontana costruita in occasione dell'Esposizione emiliana del 1888, con sculture che raffigurano animali, ad opera di Diego Sarti.\n<\/p>\n<h5 data-mw-anchor=\"Statue_e_altri_monumenti\">Statue e altri monumenti<\/h5>\n<p>Ai piedi delle Due Torri si innalza la statua con piedistallo di San Petronio, mentre nei pressi della stazione ferroviaria centrale si trova il\nMemoriale della Shoah di Bologna.\n<\/p><p>Altre statue sono dislocate nei var\u00ee parchi cittadini ed, in particolare, presso i Giardini Margherita vi \u00e8 quella equestre di Vittorio Emanuele II che gi\u00e0 era posizionata in piazza Maggiore prima della Seconda Guerra Mondiale.\n<\/p>\n<h5 data-mw-anchor=\"Architetture_militari\">Architetture militari<\/h5>\n<h5 data-mw-anchor=\"Mura\">Mura<\/h5>\n\n\n\n<p>In epoca storica Bologna ebbe almeno tre cerchie di mura: la pi\u00f9 antica di cui resta traccia fu costruita in blocchi di selenite in epoca tardo-antica. La seconda cerchia, detta \"dei Torresotti\" o \"del Mille\" \u00e8 tradizionalmente attribuita alla met\u00e0 del XII secolo, anche se ora gli storici hanno preso in considerazione una retrodatazione di circa un secolo.\n<\/p><p>La terza e ultima pi\u00f9 grande cerchia di mura risale al XIII e XIV secolo, e non ebbe mai un'efficacia difensiva. Di essa, dopo il discutibile abbattimento avvenuto all'inizio del XX secolo, sono rimaste dieci delle dodici porte e alcuni piccoli tratti murari.\n<\/p><p>Entro il tracciato di queste mura il tessuto urbano della citt\u00e0 \u00e8 rimasto in gran parte intatto: questo lo rende uno dei centri storici pi\u00f9 estesi d'Italia.\n<\/p>\n<h5 data-mw-anchor=\"Lunette_e_forti\">Lunette e forti<\/h5>\n<p>Una linea difensiva ancora pi\u00f9 esterna all'ultima cerchia di mura fu costituita da strutture militari non connesse tra di loro. Si trattava di diciassette lunette e nove forti, dislocati perifericamente nella porzione pianeggiante della citt\u00e0. La costruzione di questa linea difensiva ebbe inizio nel 1860 per volont\u00e0 dal Gen. Manfredo Fanti, ministro della guerra del Regno di Sardegna a cui Bologna, con tutta la legazione delle Romagne, era appena stata annessa. Ne rimangono esempi esigui, talvolta solo nella toponomastica, come ad esempio il caso dell'area occupata dallo spazio pubblico adibito a parco giochi, oggi noto come giardino della Lunetta Gamberini.\n<\/p>\n<h5 data-mw-anchor=\"Aree_naturali\">Aree naturali<\/h5>\n\n\n\n\n<dl><dt>Giardini Margherita<\/dt>\n<dd>Il principale parco pubblico di Bologna venne inaugurato nel 1879, grande circa 26 ettari, contiene un lago artificiale e varie specie faunistiche e floreali. Al suo interno vi \u00e8 una palazzina liberty, una statua equestre di Vittorio Emanuele II, una riproduzione di una capanna villanoviana, uno stagno didattico per i bambini, un bar e un locale da ballo, diversi campi da tennis, pallacanestro, pallavolo, calcetto, una pista di go kart, un coworking e spazio polifunzionale nato al posto delle vecchie serre dei giardini. In passato vi era un piccolo zoo, di cui rimane, riutilizzata per altri usi, la gabbia del leone.<\/dd><\/dl>\n<dl><dt>Giardino della Montagnola<\/dt>\n<dd>Il parco pi\u00f9 centrale e uno dei pi\u00f9 antichi, si trova nei pressi della stazione centrale e dell'autostazione. Ha due ingressi principali: uno costituito dalla scalinata del Pincio, di fronte all'autostazione, e uno su Piazza VIII Agosto.<\/dd><\/dl>\n<dl><dt>Giardino del Guasto<\/dt>\n<dd>Un piccolo giardino nella zona universitaria, costruito sulle macerie di un importante palazzo nobiliare, Palazzo Bentivoglio, distrutto nel 1507. Il giardino attuale, inaugurato nel 1975 su progetto dell'architetto Gennaro Filippini, risulta rialzato rispetto al livello stradale e si estende su una superficie di circa tremila metri quadri, di cui gran parte ricoperti di calcestruzzo.<\/dd><\/dl>\n<dl><dt>Giardino della Lunetta Gamberini<\/dt>\n<dd>Nel quartiere Santo Stefano, \u00e8 un parco di 14,5 ettari inaugurato negli anni Settanta.<\/dd><\/dl>\n<dl><dt>Orto botanico<\/dt>\n<dd>\u00c8 il giardino botanico dell'Universit\u00e0 di Bologna, fondato nel 1568 da Ulisse Aldrovandi e considerato uno dei pi\u00f9 antichi d'Europa.<\/dd><\/dl>\n<dl><dt>Parco Carlo Urbani<\/dt>\n<dd>Il parco fluviale del Savena che si trova fra Bologna e San Lazzaro di Savena, ospita numerose specie animali e una ricca variet\u00e0 di flora.<\/dd><\/dl>\n<dl><dt>Parco regionale dei Gessi Bolognesi e Calanchi dell'Abbadessa<\/dt>\n<dd>Ha una superficie di 3\u00a0123 ettari e si sviluppa sulle prime pendici della collina bolognese e comprende territori dei comuni di Bologna, San Lazzaro di Savena, Ozzano dell'Emilia e Pianoro, ad altitudini comprese fra 70 e <span><span data-sort-value=\"7002400000000000000\u2660\"><\/span>400\u00a0m s.l.m.<\/span>, intorno a importanti affioramenti gessosi che hanno dato vita a un complesso carsico di notevole interesse. I gessi bolognesi sono un patrimonio dell'umanit\u00e0 protetto dall'UNESCO, all'interno del sito seriale denominato Carsismo nelle evaporiti e grotte dell'Appennino settentrionale.<\/dd><\/dl>\n<h5 data-mw-anchor=\"Societ\u00e0\" data-mw-fallback-anchor=\"Societ.C3.A0\">Societ\u00e0<\/h5>\n<h5 data-mw-anchor=\"Evoluzione_demografica\">Evoluzione demografica<\/h5>\n\n<p>Bologna, anche per via della sua collocazione geografica, \u00e8 da sempre un crocevia di correnti migratorie. In tempi moderni, un'esplosione demografica si \u00e8 registrata a cavallo fra la fine dell'Ottocento e i primi anni Settanta, passando da circa 100\u00a0000 a quasi 500\u00a0000 abitanti. Il massiccio aumento demografico \u00e8 stato in larga parte dovuto all'immigrazione, dapprima da parte delle aree rurali e montane circostanti, e poi - soprattutto nel secondo dopoguerra - da altre zone d'Italia, in particolare dal Mezzogiorno. Il rapido aumento della popolazione immigrata ha influito enormemente sulle trasformazioni demografiche cittadine, arrivando a superare ampiamente in numero la popolazione nativa (gi\u00e0 negli anni Ottanta, 2 residenti su 3 erano immigrati da altre parti d'Italia). L'esplosione demografica \u00e8 stata anche la principale causa dell\u2019intensa urbanizzazione delle periferie, verificatasi nella prima met\u00e0 del '900 e proseguita negli anni '60 e '70.\n<\/p><p>Dopo una diminuzione di residenti avvenuta negli anni Ottanta - in genere a beneficio dei comuni della cosiddetta area metropolitana, alcuni dei quali hanno anche raddoppiato la loro popolazione - dalla fine degli anni Novanta si \u00e8 assistito a una ripresa dei flussi migratori, questa volta con l'inclusione di flussi dall'estero. Questo, assieme a una ripresa delle nascite, ha fatto s\u00ec che nei primi anni duemila il saldo demografico tornasse positivo. Dal 2008 si assiste a un rinnovato e costante slancio demografico, trainato da un saldo migratorio positivo (a fronte di un saldo naturale negativo) cos\u00ec da portare la popolazione stabilmente sopra le 380\u00a0000 unit\u00e0. Al tempo stesso, l'agglomerato urbano, comprendente per convenzione la prima cinta di comuni confinanti, raggiunge 600\u00a0000 abitanti, mentre l'area metropolitana estesa (comprendente anche altri comuni non confinanti con il comune di Bologna come Budrio e Castel San Pietro Terme) supera il milione di abitanti.\n<\/p><p>Nel 2017 Bologna risultava la citt\u00e0 in Italia ad aver ricevuto il numero pi\u00f9 alto di immigrati interni (ovvero nuovi residenti trasferiti da altre zone d'Italia, principalmente dal Sud). Oggi gli immigrati da altre parti d'Italia costituiscono la maggioranza della popolazione residente (55% nel 2021), provenienti in buona parte dalla citt\u00e0 metropolitana (22% ma in costante diminuzione) e dal meridione e le isole (15% e in costante aumento), in particolare da Puglia, Campania e Sicilia. In costante diminuzione la popolazione residente dalla nascita (33%) mentre l'immigrazione dall'estero, anch'essa in aumento, si attesta all'11%.\n<\/p><p>L'et\u00e0 media, in leggero ribasso dal 2008, si attesta sui 46,8 anni (2021).\n<\/p><p>Secondo i dati dell'ISTAT aggiornati al 31 dicembre 2019 e riguardanti la cosiddetta \"popolazione insistente per studio e lavoro\" (cio\u00e8 residenti certificati, lavoratori non residenti e studenti fuori sede con base stabile in citt\u00e0), a Bologna abitano 507\u00a0596 persone.\n<\/p>\n\n<h5 data-mw-anchor=\"Etnie_e_minoranze_straniere\">Etnie e minoranze straniere<\/h5>\n<p>Secondo i dati ISTAT, al 31 gennaio 2022 i cittadini stranieri a Bologna risultavano 60\u00a0947 (15,5% tra tutti i residenti).\nLe prime dieci comunit\u00e0 sono quelle provenienti da:\n<\/p>\n<ul><li>Romania, 10\u00a0157<\/li>\n<li>Bangladesh, 4\u00a0956<\/li>\n<li>Filippine, 4\u00a0876<\/li>\n<li>Pakistan, 4\u00a0231<\/li>\n<li>Cina, 4\u00a0125<\/li>\n<li>Ucraina, 3\u00a0804<\/li>\n<li>Marocco, 3\u00a0240<\/li>\n<li>Moldavia, 3\u00a0048<\/li>\n<li>Albania, 2\u00a0684<\/li>\n<li>Per\u00f9, 1\u00a0357<\/li><\/ul>\n<p>A Bologna \u00e8 nata una delle prime <i>chinatown<\/i> italiane, con i primi insediamenti di cittadini cinesi risalenti agli anni trenta, ampliatisi negli anni cinquanta e ottanta. L'area dove si concentrarono fin dall'inizio le comunit\u00e0 cinesi comprende la zona di Casaralta, attorno a Via Ferrarese. La Bolognina e San Donato sono statisticamente i quartieri ove si concentra maggiormente la popolazione straniera di Bologna.\n<\/p>\n<h5 data-mw-anchor=\"Lingue_e_dialetti\">Lingue e dialetti<\/h5>\n\n\n<p>In ambito cittadino, la parlata vernacolare tipica \u00e8 il dialetto bolognese, variet\u00e0 linguistica della lingua emiliana. Esso si distingue in dialetto bolognese cittadino (originario della zona intramuraria) e varianti cosiddette \"ariose\" della provincia. Come gi\u00e0 notava Dante Alighieri nel suo <i>De Vulgari Eloquentia<\/i>, esistevano un tempo differenze di parlata persino fra gli abitanti del centro, ovvero fra il borgo San Felice (corrispondente alla zona del Pratello) e quelli di Strada Maggiore (zona dove nell\u2019VIII secolo si erano insediati i Longobardi).\n<\/p><p>A partire dagli anni 1960 e 1970, con la stigmatizzazione dell'uso del dialetto e la progressiva messa in minoranza della popolazione nativa a causa dell'aumento dell'immigrazione da altre regioni italiane, l'uso del bolognese \u00e8 andato via via scomparendo, sopravvivendo quasi esclusivamente nelle sue versioni ariose nei comuni della provincia. Un rinnovato interesse si ebbe negli anni Ottanta, con l'organizzazione, supportata dal Comune e da artisti quali Andrea Mingardi, di festival della canzone bolognese. Nonostante ci\u00f2 non abbia invertito la tendenza verso una marginalizzazione del dialetto bolognese, ne \u00e8 aumentato l'interesse - soprattutto accademico - con la pubblicazione di dizionari, grammatiche, studi, e l'istituzione di corsi di dialetto bolognese da parte di associazioni locali. Per quanto riguarda l'uso nel quotidiano del bolognese, sebbene associazioni locali si adoperino a promuoverlo attraverso l'organizzazione di spettacoli teatrali, letture e concerti, il generale disinteresse delle istituzioni e di buona parte della popolazione, in maggioranza non nativa, lasciano presagire la prossima estinzione del bolognese, tanto da essere classificato dall'UNESCO come \"seriamente in pericolo\" (<i>seriously endangered<\/i>).\n<\/p>\n<h5 data-mw-anchor=\"Istituzioni,_enti_e_associazioni\" data-mw-fallback-anchor=\"Istituzioni.2C_enti_e_associazioni\">Istituzioni, enti e associazioni<\/h5>\n<p>Bologna \u00e8 fra le citt\u00e0 italiane con pi\u00f9 alto tasso di cittadinanza attiva, con pi\u00f9 di 570 associazioni registrate nel comune, una forte diffusione di istituzioni non profit, pari a 58,3 ogni 10.000 abitanti (seconda citt\u00e0 metropolitana in Italia dopo Firenze) e di cittadini impegnati nel volontariato, pari al 11,4% (terza dopo Firenze e Genova).\n<\/p>\n<h5 data-mw-anchor=\"Comunit\u00e0_LGBT\" data-mw-fallback-anchor=\"Comunit.C3.A0_LGBT\">Comunit\u00e0 LGBT<\/h5>\n\n<p>Bologna \u00e8 la citt\u00e0 italiana pioniera del movimento per i diritti LGBT. Il primo movimento gay, il \"Circolo di cultura omosessuale 28 giugno\", si \u00e8 attivato in citt\u00e0 gi\u00e0 nel 1978 e nel 1982 ottenne spazi aggregativi dal Comune. L'Arcigay, la pi\u00f9 grande associazione nazionale per la tutela dei diritti LGBT in Italia, si \u00e8 costituita a Bologna nel 1985 con sede presso il Cassero di Porta Saragozza.\n<\/p><p>Ha sede in citt\u00e0 anche il MIT - Movimento Identit\u00e0 Trans, una onlus fondata nel 1982, di cui \u00e8 stata presidente fino alla sua scomparsa Marcella Di Folco, prima associazione di questo tipo in Italia.\n<\/p><p>Oltre al Pride, che si svolge ogni anno in citt\u00e0, vi sono manifestazioni legate a tematiche LGBT, quali per esempio: il Gender Bender, un festival internazionale che propone eventi di arte e cultura contemporanea sull'identit\u00e0 di genere e l'orientamento sessuale.\n<\/p>\n<h5 data-mw-anchor=\"Cultura\">Cultura<\/h5>\n<p>Nella cultura popolare Bologna \u00e8 nota come \"la grassa\" (per la cucina), \"la dotta\" (per l'universit\u00e0), \"la rossa\" (per il colore dei mattoni degli edifici del centro storico, anche se spesso l'aggettivo \u00e8 riferito al pensiero politico \"rosso\" diffuso tra la popolazione della citt\u00e0) e \"la turrita\" (per l'elevato numero di torri costruite nel periodo medievale, anche se ad oggi solo ventiquattro ne sono sopravvissute).\n<\/p><p>Nel 2000 Bologna \u00e8 stata Capitale europea della cultura e partecipa attivamente a due \"reti\" proposte dall'UNESCO: la \"Rete delle citt\u00e0 creative\" e la \"Rete delle citt\u00e0 europee contro il razzismo e la xenofobia\". Nel 2008 lo Zecchino d'Oro dell'Antoniano di Bologna \u00e8 diventato \"Patrimonio UNESCO per una cultura di pace\", prima trasmissione televisiva al mondo a ricevere un riconoscimento di questo tipo.\n<\/p><p>Nel 1988 a Bologna si \u00e8 tenuta la <i>Biennale dei giovani artisti dell'Europa e del Mediterraneo<\/i>, considerata la pi\u00f9 importante vetrina mediterranea della creativit\u00e0 giovanile.\n<\/p><p>Molte istituzioni culturali e universitarie hanno sede alla Manifattura delle Arti, un'area recuperata negli spazi dell'ex Manifattura Tabacchi e dell'ex macello.\n<\/p>\n<h5 data-mw-anchor=\"Istruzione\">Istruzione<\/h5>\n<h5 data-mw-anchor=\"Universit\u00e0\" data-mw-fallback-anchor=\"Universit.C3.A0\">Universit\u00e0<\/h5>\n\n<p>L'Universit\u00e0 di Bologna \u00e8 considerata la pi\u00f9 antica universit\u00e0 del mondo occidentale. La data della sua fondazione \u00e8 stata fissata convenzionalmente nell'anno 1088 da una commissione presieduta da Giosu\u00e8 Carducci. La vita della citt\u00e0 e quella dell'universit\u00e0 sono intimamente connesse fin dal medioevo, facendo meritare a Bologna l'appellativo di <i>la dotta<\/i>. Nell'anno accademico 2019\/20 ha ospitato pi\u00f9 di 87\u00a0000 studenti. Secondo la classifica mondiale delle universit\u00e0 stilata da Quacquarelli Symonds, l'Universit\u00e0 di Bologna \u00e8 la seconda universit\u00e0 italiana e la 160\u00aa nel mondo. L'alto numero di studenti, provenienti da ogni parte d'Italia e del mondo, ha un notevole impatto sulla vita della citt\u00e0. Se da una parte questo afflusso contribuisce a vivacizzare in maniera significativa il centro storico (in cui l'et\u00e0 media dei residenti sarebbe altrimenti molto alta) e l'offerta culturale, d'altro canto le amministrazioni locali devono spesso confrontarsi con problemi di ordine pubblico e di sporcizia legati all'animata vita notturna della zona universitaria.\n<\/p><p>Bologna \u00e8 una delle sedi dell'universit\u00e0 americana Johns Hopkins University - The Paul H. Nitze School of Advanced International Studies (SAIS), che conta nel centro scolastico emiliano pi\u00f9 di 6\u00a0000 alunni di oltre cento nazionalit\u00e0 diverse. In citt\u00e0 vi \u00e8 anche una sede del Dickinson College, con un programma attivo fin dal 1964, dove studiano circa un migliaio di ragazzi prevalentemente statunitensi.\n<\/p><p>Sono poi presenti altre sedi di universit\u00e0 straniere o programmi di studi, come ad esempio l'Alliance Fran\u00e7aise, il <i>Bologna Consortial Studies Program<\/i> (BCSP) dell'Indiana University, la Brown University, l'<i>Eastern College Consortium<\/i> (E.C.CO.) del Vassar College, l'Istituto di Cultura Germanica e la University of California. Il pi\u00f9 longevo esempio di istituzione accademica straniera \u00e8 il Collegio di Spagna, il pi\u00f9 antico collegio al mondo aperto a studenti stranieri, erede del fenomeno delle <i>nationes<\/i> nella tradizione dell'Universit\u00e0 medievale, ed \u00e8 anche l'unico, di tale tipo, sopravvissuto nell'Europa continentale (altri esempi hanno resistito solo nel Regno Unito).\n<\/p>\n<h5 data-mw-anchor=\"Accademie\">Accademie<\/h5>\n<p>Nel Cinquecento-Seicento Bologna fu sede di numerose accademie, come quella letteraria degli Oziosi, quella artistica degli Incamminati fondata dai Carracci nel 1582, e quella musicale dei Floridi.\n<\/p><p>L'Accademia di Belle Arti di Bologna affonda le sue radici nell'Accademia Clementina fondata nel 1710. Importanti maestri hanno insegnato presso la scuola bolognese, fra i quali: Donato Creti, Giuseppe Galli Bibiena, Gaetano Gandolfi, Francesco Rosaspina, Virgilio Guidi, Giorgio Morandi, Pompilio Mandelli, Paolo Manaresi, Umberto Mastroianni, Milton Glaser. Ospita ogni anno circa millecinquecento studenti.\n<\/p><p>Il Conservatorio Giovanni Battista Martini di Bologna \u00e8 uno dei pi\u00f9 antichi conservatori statali italiani. La fondazione del conservatorio (<i>Liceo musicale di Bologna<\/i>, che raccolse l'eredit\u00e0 dell'Accademia Filarmonica di Bologna) risale al 1804 ed \u00e8 considerata la prima scuola musicale pubblica in Italia. Fra i suoi studenti di rilievo, si annovera Gioachino Rossini.\n<\/p><p>L'Accademia delle scienze dell'Istituto di Bologna \u00e8 stata fondata nel 1714. L'istituzione continuava la precedente \"Accademia degli inquieti\" che era stata fondata intorno al 1690 da Eustachio Manfredi. Essa viene perci\u00f2 considerata una delle pi\u00f9 antiche accademie scientifiche italiane tuttora esistenti.\n<\/p>\n<h5 data-mw-anchor=\"Istituti_di_istruzione_superiore\">Istituti di istruzione superiore<\/h5>\n\n<p>Sono presenti diversi licei e istituti superiori, sia pubblici sia privati. I licei sono:\n<\/p>\n<ul><li>Liceo artistico Francesco Arcangeli<\/li>\n<li>Liceo ginnasio statale Luigi Galvani<\/li>\n<li>Liceo ginnasio statale Marco Minghetti<\/li>\n<li>Liceo linguistico umanistico Laura Bassi<\/li>\n<li>Liceo scientifico statale Augusto Righi<\/li>\n<li>Liceo scientifico Marcello Malpighi<\/li>\n<li>Liceo scientifico Enrico Fermi<\/li>\n<li>Liceo scientifico Niccol\u00f2 Copernico<\/li>\n<li>Liceo scientifico Albert Bruce Sabin.<\/li><\/ul>\n<p>Gli istituti superiori sono:\n<\/p>\n<ul><li>Istituto di Istruzione Superiore Crescenzi-Pacinotti-Sirani<\/li>\n<li>Istituto tecnico commerciale statale Rosa Luxemburg<\/li>\n<li>Istituto tecnico industriale Odone Belluzzi<\/li>\n<li>Istituto professionale per l'industria e l'artigianato Aristotile Fioravanti<\/li>\n<li>Istituto tecnico industriale Aldini Valeriani<\/li>\n<li>Istituto professionale statale Artigianato e Servizi Aldrovandi - Rubbiani<\/li>\n<li>Istituto professionale Statale per l'industria Artigianato Marcello Malpighi (sez. Odontotecnico)<\/li>\n<li>Istituto tecnico agrario Arrigo Serpieri<\/li>\n<li>Istituto di istruzione superiore IPC Manfredi - ITC Tanari<\/li>\n<li>Istituto Comprensivo Collegio San Luigi, la scuola pi\u00f9 antica della citt\u00e0.<\/li><\/ul>\n<h5 data-mw-anchor=\"Biblioteche\">Biblioteche<\/h5>\n\n\n\n<p>A Bologna si trovano pi\u00f9 di cento biblioteche, fra cui 4 comunali, 11 di quartiere e pi\u00f9 di 70 universitarie, dislocate in diverse zone della citt\u00e0. Fra le pi\u00f9 note e frequentate vi sono la Biblioteca Comunale dell'Archiginnasio (ex sede dell'Universit\u00e0) e la Biblioteca Sala Borsa (inaugurata nel 2001). La pi\u00f9 fornita, con oltre 1\u00a0300\u00a0000 volumi, \u00e8 la Biblioteca universitaria di Bologna. Di notevole interesse, e di capitale importanza in ambito nazionale ed europeo, \u00e8 anche la Cineteca di Bologna, istituzione comunale dedicata al cinema e alla filmografia. Vi sono inoltre diverse biblioteche tematiche come quella sulla storia del Novecento dell'Istituto storico Parri Emilia-Romagna, quella dell'Istituto Gramsci, la Biblioteca Italiana delle Donne, la biblioteca del Museo internazionale della musica, la biblioteca emeroteca del MAMbo e numerose altre.\n<\/p><p>Nel luglio 2020 Bologna ha ottenuto il riconoscimento di \"Citt\u00e0 che legge\" 2020-2021.\n<\/p>\n<h5 data-mw-anchor=\"Musei\">Musei<\/h5>\n\n\n\n<p>Bologna possiede oltre quaranta musei nei quali, accanto alle collezioni permanenti, sono organizzate mostre temporanee. \nI musei civici pi\u00f9 importanti sono: le Collezioni comunali d'arte, il Museo civico archeologico, il Museo civico medievale, il Museo Morandi, il Museo civico d'arte industriale Davia Bargellini, il Museo del patrimonio industriale di Bologna, il MAMbo (Museo d'arte moderna di Bologna) e il Museo internazionale e biblioteca della musica. La Pinacoteca Nazionale di Bologna, nata nel 1802 in seno all'Accademia di Belle Arti, \u00e8 un museo statale dotato di autonomia gestionale.\n<\/p><p>Ad essi si aggiungono i musei religiosi e quelli di fondazioni private come il Museo della Storia di Bologna e il MAST. Manifattura di Arti, Sperimentazione e Tecnologia.\n<\/p><p>Anche l'Universit\u00e0 ha propri musei, spesso legati ai singoli dipartimenti, tutti riuniti nel Sistema Museale d'Ateneo. Il principale dei musei universitari \u00e8 il Museo di Palazzo Poggi che comprende numerose collezioni di storia naturale, anatomia e ostetricia, fisica e chimica, architettura militare, geografia e nautica, arte orientale.\n<\/p>\n<h5 data-mw-anchor=\"Media\">Media<\/h5>\n<h5 data-mw-anchor=\"Stampa\">Stampa<\/h5>\n<p>Le principali redazioni delle testate presenti a Bologna sono:\n<\/p>\n\n<h5 data-mw-anchor=\"Radio\">Radio<\/h5>\n<p>In via del Pratello a Bologna \u00e8 nata nel 1976 Radio Alice, una delle prime radio libere italiane, chiusa dai Carabinieri durante le contestazioni del 1977, seguita poco dopo da Radio Ricerca Aperta. Fino al 2021 ha operato Radio Citt\u00e0 del Capo, storica emittente nata da una costola di Radiocitt\u00e0 nel 1987.\n<\/p><p>Nel bolognese occupano stazioni radiofoniche le principali emittenti italiane. Inoltre, alcune radio e syndication, anche a diffusione nazionale, hanno sede in quest'area. Le principali emittenti di Bologna e hinterland sono:\n<\/p>\n\n<h5 data-mw-anchor=\"Televisione\">Televisione<\/h5>\n\n<p>Hanno sede a Bologna molte tv locali, nonch\u00e9 alcune reti e syndication nazionali, oltre alle sedi regionali Rai e Mediaset. Nel 2002 \u00e8 nata Orfeo TV, il primo esperimento di televisione di strada, aderente al network Telestreet.\n<\/p><p>I principali emittenti dell'area bolognese sono:\n<\/p>\n\n<p>A Bologna sono ambientate le serie televisive <i>Via Zanardi 33<\/i>, <i>L'ispettore Coliandro<\/i> e <i>L'ispettore Sarti<\/i>. In una casa di Bologna \u00e8 stato girato il primo reality show italiano, <i>Davvero<\/i>, trasmesso nel 1995 da Rai 2.\n<\/p><p>Presso lo studio televisivo dell'Antoniano viene prodotto dal 1961 lo Zecchino d'Oro, trasmesso annualmente su Rai 1.\n<\/p>\n<h5 data-mw-anchor=\"Editoria\">Editoria<\/h5>\n\n<p>Numerosi editori hanno sede nel bolognese, sviluppandosi principalmente nei settori della scolastica, della saggistica universitaria e divulgativa, della narrativa, del fumetto e dell'arte. In citt\u00e0 si svolge dal 1964 la Fiera del libro per ragazzi e presso la Biblioteca Salaborsa si trova la sede italiana dell'organizzazione no-profit IBBY; nel territorio bolognese vi sono inoltre diversi marchi di editoria per l'infanzia.\n<\/p><p>Tre le case editrici pi\u00f9 importanti:\n<\/p>\n\n<p>Storicamente Bologna \u00e8 stata sede di importanti aziende grafiche e tipografiche. Ai tempi di Aldo Manuzio, il tipografo bolognese Francesco Griffo invent\u00f2, proprio per il primo editore italiano, il corsivo (all'estero denominato anche <i>italic<\/i>). Nel 1958, il tipografo Francesco Simoncini realizz\u00f2 una variante del carattere Garamond che divenne lo standard per le case editrici italiane, il <i>Simoncini Garamond<\/i> appunto; ma cre\u00f2 anche il Delia, utilizzato per gli elenchi telefonici.\n<\/p>\n<h5 data-mw-anchor=\"Arte\">Arte<\/h5>\n\n\n\n<p>A Bologna fior\u00ec nel Trecento una vivace scuola di pittura, a cui facevano capo Vitale da Bologna, Dalmasio Scannabecchi e Simone dei Crocifissi, assieme agli allievi Jacopo di Paolo, Cristoforo da Bologna, Andrea de' Bartoli, \"Jacobus\", il cosiddetto Pseudo Jacopino di Francesco, Lippo di Dalmasio e altri. I toscani Cimabue e Giotto hanno inoltre lasciato poche ma importanti testimonianze in citt\u00e0.\n<\/p><p>Durante il Rinascimento, specialmente sotto la signoria dei Bentivoglio, Bologna fu patria dei pittori Amico Aspertini e Francesco Francia, mentre vi operarono anche i ferraresi Francesco del Cossa e Lorenzo Costa. Ma \u00e8 fra la seconda met\u00e0 del Cinquecento e l'inizio del Settecento (ovvero dal Manierismo al Barocco) che la scuola bolognese di pittura raggiunse il suo culmine con artisti del calibro del Domenichino, i Carracci (fondatori dell'Accademia degli Incamminati), Domenico Tibaldi, il Guercino, Guido Reni, Elisabetta Sirani, Prospero Fontana, Lavinia Fontana e moltissimi altri, mentre vi operarono anche il Parmigianino e Donato Creti. Le opere di questi artisti si possono ammirare nelle chiese e palazzi cittadini, nonch\u00e9 nella Pinacoteca Nazionale di Bologna.\n<\/p><p>In epoca moderna e contemporanea, Bologna ha dato i natali a Luigi Serra, Giorgio Morandi (a cui \u00e8 dedicato l'omonimo museo), Mario Bonazzi, Ilario Rossi, Aldo Borgonzoni, Carlo Gajani, Sergio Romiti, Vasco Bendini, Pirro Cuniberti, Sergio Vacchi, Vittorio Mascalchi, Valerio Adami, Pier Paolo Calzolari e Piero Manai, mentre vi operarono e operano artisti quali Giovanni Romagnoli, Germano Sartelli, Concetto Pozzati, Luciano De Vita e molti altri.\n<\/p><p>In ambito scultoreo, operarono a Bologna artisti come Arnolfo di Cambio, Nicola Pisano, Pierpaolo dalle Masegne, Niccol\u00f2 dell'Arca, Jacopo della Quercia, Michelangelo, Giambologna, Alfonso Lombardi, Properzia de' Rossi e, pi\u00f9 recentemente, Umberto Mastroianni, Quinto Ghermandi, Roberto Tirelli, Mario Ceroli, Nicola Zamboni e Luigi Mainolfi.\n<\/p><p>Dal 1974 si tiene presso la Fiera di Bologna annualmente nel mese di gennaio Arte Fiera, una fiera d'arte moderna e contemporanea. \nDal 1977 al 1982 si \u00e8 svolta annualmente la <i>Settimana Internazionale della Performance<\/i> curata da Renato Barilli, Francesca Alinovi e Roberto Daolio, un evento di alto valore culturale, coinvolgendo lo spazio pubblico della citt\u00e0.\nDal 1986 per commemorare la tragica scomparsa di Francesca Alinovi, \u00e8 stato istituito il Premio a lei intitolato, a cui dal 2013 \u00e8 stata aggiunta la dedica al critico d'arte Roberto Daolio, anch'egli prematuramente scomparso. Ogni anno il Premio Alinovi Daolio viene conferito ad un artista contemporaneo.\n<\/p>\n<h5 data-mw-anchor=\"Letteratura\">Letteratura<\/h5>\n\n\n<p>Bologna \u00e8 patria, nativa o adottiva, di molti grandi scrittori e poeti italiani, come Guido Guinizelli, Giosu\u00e8 Carducci (primo italiano a vincere il Premio Nobel per la letteratura all'inizio del XX secolo), Giovanni Pascoli e Pier Paolo Pasolini. \u00c8 anche la culla di alcuni fra i migliori giallisti italiani, tra cui Loriano Macchiavelli, considerato il decano degli scrittori giallisti di Bologna; altri esponenti del genere sono Grazia Verasani, Danila Comastri Montanari, Giampiero Rigosi, Marcello Fois ecc. A Bologna sono inoltre ambientate opere letterarie italiane e straniere come <i>Il broker<\/i> di John Grisham, <i>Jack Frusciante \u00e8 uscito dal gruppo<\/i> di Enrico Brizzi, <i>Almost Blue<\/i> di Carlo Lucarelli, <i>Il gobbo misterioso<\/i> di Antonio Faeti e <i>L'esercito di Scipione<\/i> di Giuseppe D'Agata.\n<\/p><p>Numerosi sono gli altri scrittori e i poeti legati a Bologna, sia del passato come Ludovico de Varthema e Giulio Cesare Croce, sia del contemporaneo come Umberto Eco, Valerio Evangelisti, Pino Cacucci, Stefano Benni, Ermanno Cavazzoni, Simona Vinci e i Wu Ming.\n<\/p>\n<h5 data-mw-anchor=\"Fumetto\">Fumetto<\/h5>\n<p>Bologna ha una lunga e radicata tradizione nel fumetto. Fin dal dopoguerra il fumetto ha preso piede in citt\u00e0, anche grazie ai numerosi disegnatori, sceneggiatori ed editori che vi hanno operato e si sono affermati come alcuni dei pi\u00f9 importanti esponenti del fumetto italiano, come Magnus, Bonvi, Silver e Vittorio Giardino, considerati i pionieri dei fumettisti bolognesi.\n<\/p><p>Fra le case editrici bolognesi che si occupano di fumetto vi sono Coconino Press e Kappa Edizioni.\n<\/p><p>L'Accademia di belle arti di Bologna ha aperto nel 2004 la scuola sperimentale di fumetto e illustrazione, la prima in Italia, che ha fra gli insegnanti alcuni dei migliori disegnatori della scena italiana. Dal 2007 si svolge il festival di fumetto BilBolbul, che propone artisti italiani e stranieri con mostre, incontri, dibattiti e laboratori.\n<\/p>\n<h5 data-mw-anchor=\"Musica\">Musica<\/h5>\n<p>Nel 2006 Bologna ha ottenuto il riconoscimento UNESCO di \"citt\u00e0 creativa per la musica\".\n<\/p>\n\n\n\n<h5 data-mw-anchor=\"Musica_classica\">Musica classica<\/h5>\n<p>A Bologna sono presenti il Museo Internazionale e Biblioteca della Musica, il Conservatorio Giovanni Battista Martini, l'Accademia Filarmonica di Bologna e il Teatro Comunale di Bologna, sede dell'autorevole Orchestra della Fondazione Teatro Comunale di Bologna, attiva dal dopoguerra. Dal 1905 \u00e8 attiva la casa musicale Bongiovanni, una delle pi\u00f9 importanti nel campo dell'editoria e della discografia di musica classica. A partire dal 1995 a Bologna viene organizzato il Concorso internazionale di composizione \"2 Agosto\": uno dei pi\u00f9 importanti concorsi di composizione musicale al mondo. Ogni anno la sera del 2 agosto le opere vincitrici ed altre commissionate ad hoc vengono suonate in piazza Maggiore in un grande concerto gratuito..\n<\/p><p>Fra i numerosi esempi di formazioni musicali si ricordano il Coro Euridice, coro polifonico fondato nel 1880 e rimasto ininterrottamente attivo, e l'Orchestra Mozart, fondata nel 2004 da Carlo Maria Badini e diretta da Claudio Abbado fino alla sua morte.\n<\/p><p>Bologna ha dato i natali a musicisti molto noti, come il contralto Antonio Bernacchi, i tenori Luigi Antinori, Matteo Babini e Gianni Raimondi, il baritono Ruggero Raimondi, i compositori Giovanni Paolo Colonna, Giacomo Antonio Perti e Ottorino Respighi. A Bologna ha vissuto ed \u00e8 morto il famoso Farinelli, e qui soggiorn\u00f2 (in due riprese, da marzo a ottobre 1770) il giovanissimo e gi\u00e0 geniale Wolfgang Amadeus Mozart. Ospite del conte Gian Luca Pallavicini, Mozart ebbe l'opportunit\u00e0 di incontrare musicisti e studiosi (dal gi\u00e0 citato Farinelli ai compositori Vincenzo Manfredini e Josef Myslive\u010dek, fino allo storico della musica inglese Charles Burney e padre Giovanni Battista Martini).\nMozart prese lezioni di contrappunto da padre Martini, all'epoca considerato come il pi\u00f9 grande teorico musicale e il pi\u00f9 grande esperto d'Europa nel contrappunto barocco. Il quattordicenne Amadeus nel 1770 fu aggregato all'Accademia Filarmonica di Bologna: la difficile e rigida prova di esame su \"un'antifona di canto fermo\" dell'ancora giovane Mozart non fu particolarmente brillante.\nEsistono due versioni della prova di esame, entrambe conservate al Museo internazionale e biblioteca della musica di Bologna, una delle quali scorretta. Dato che entrambe sono autografate da Mozart, questa \u00e8 l'evidenza che padre Martini pass\u00f2 una sua rielaborazione del testo di esame ad Amadeus, per favorirne la promozione.\nMozart si dimostr\u00f2 sempre riconoscente per gli insegnamenti di padre Martini, al punto da scrivere:\n<\/p>\n\n<h5 data-mw-anchor=\"Musica_leggera\">Musica leggera<\/h5>\n\n<p>La citt\u00e0 ha una grande tradizione nella musica leggera contemporanea, con molti musicisti e cantautori di successo e una miriade di artisti emergenti, tanto da poter definire una <i>scena musicale bolognese<\/i>. Fra i cantanti bolognesi, di nascita o di adozione, ci sono Raffaella Carr\u00e0, Lucio Dalla, Francesco Guccini, Gianni Morandi, Luca Carboni, Samuele Bersani, Andrea Mingardi, Cesare Cremonini, Dodi Battaglia, Paolo Mengoli, Dino Sarti, Cristina D'Avena, Claudio Lolli, Beppe Maniglia, Fio Zanotti, Silvia Mezzanotte, Neffa. Sempre a Bologna si sono costituiti gruppi come i Pooh, gli Stadio, gli Skiantos, i Gaznevada, i L\u00f9napop, i Massimo Volume, Gli Avvoltoi, i Marta sui Tubi, i Gem Boy, i Mariposa, i Canzoniere delle Lame, i Datura, i Garden House e Lo Stato Sociale. Vasco Rossi, originario di Zocca, ha a Bologna la sua residenza.\n<\/p>\n<h5 data-mw-anchor=\"Jazz\">Jazz<\/h5>\n<p>Bologna \u00e8 stata fra le prime citt\u00e0 italiane a diffondere la cultura del jazz, anche grazie a festival di grande richiamo come il Bologna Jazz Festival e il pi\u00f9 recente Alma Jazz, e a musicisti di calibro internazionale che qui sono nati o vi si sono stabiliti o formati, come Paolo Fresu, Jimmy Villotti, la Doctor Dixie Jazz Band, Moris Fabbri, il collettivo Bassesfere ecc. Spesso ha suonato in citt\u00e0 il grande trombettista Chet Baker, come testimonia una sua incisione del 1985 intitolata <i>Chet Baker in Bologna<\/i>, e molti altri grandi nomi internazionali come Miles Davis, Dexter Gordon, Sarah Vaughan, Ella Fitzgerald, Charles Mingus, Gato Barbieri ecc. Numerosi locali continuano a proporre con successo questo genere, fra cui alcuni specializzati. Il 17 settembre 2011 \u00e8 stata inaugurata a Bologna la <i>Strada del jazz<\/i>, costituita da via Caprarie e via degli Orefici, con una manifestazione pubblica che ha ospitato numerosi concerti. La prima stella dei miti del jazz \u00e8 dedicata a Chet Baker ed \u00e8 posta sul marciapiede di fronte al portone dove un tempo sorgeva il <i>Musiclub<\/i> di Alberto Alberti.\n<\/p>\n<h5 data-mw-anchor=\"Punk_e_New_wave\">Punk e New wave<\/h5>\n<p>Alla fine degli anni settanta, ed in particolare nel contesto del movimento del Settantasette e delle prime esperienze di radio libere come radio Alice, Bologna divenne un luogo chiave del punk rock e della new wave in Italia. La scena rock bolognese, di cui facevano parte gruppi quali Skiantos, Gaznevada, The Stupid Set, Confusional Quartet, Hi-fi Bros, Luti Chroma, Central Unit, Windopen, Rusk und Brusk e molti altri, segn\u00f2 la \"rinascita\" del rock italiano in chiave punk e new wave, ma spesso caratterizzato da toni ironici e dissacranti: nacque cos\u00ec il rock demenziale, termine coniato da Freak Antoni, cantante degli Skiantos. Evento chiave di questa \"rinascita\" fu il bizzarro concerto Bologna Rock: Dalle cantine all'asfalto, tenutosi al palasport di Bologna il 2 aprile 1979. Etichette come la Harpo's Bazar e la Italian Records (entrambe fondate da Oderso Rubini) furono tra le prime in Italia a proporre questo nuovo approccio alla musica.\n<\/p><p>Nei primi anni ottanta Bologna \u00e8 stata anche uno dei centri nevralgici dell'hardcore punk, grazie a band come RAF Punk, Nabat, Irha, Stalag 17, Anna Falkss, Bacteria, Sottocultura e Rip Off e ad etichette come la Attack Punk Records di Jumpy Velena. Celebre fu la contestazione organizzata dai punk bolognesi durante il concerto dei Clash in Piazza Maggiore nel 1980, evento identificato da molti come l'atto di nascita dell'intero movimento hardcore in Italia.\n<\/p>\n<h5 data-mw-anchor=\"Hip_hop_e_musica_elettronica\">Hip hop e musica elettronica<\/h5>\n<p>A partire dalla fine degli anni ottanta, Bologna \u00e8 stata una delle citt\u00e0 pi\u00f9 importanti per la cultura hip hop, ospitando artisti e gruppi quali Neffa, Sangue Misto, Joe Cassano, Deda, Inoki e grazie a luoghi presso la quale questa cultura veniva supportata e diffusa fin dai primi anni novanta, come il centro sociale Isola nel Kantiere. Negli Anni 2000 l'hip hop bolognese ha visto attivi gruppi come i Porzione Massiccia Crew, una delle prime crew hip hop multietniche in Italia fondata dal rapper Inoki, e i Fuoco negli occhi.\n<\/p><p>Durante gli anni novanta emerse a Bologna un punto di aggregazione devoto alla musica elettronica, il Link, al cui interno nasceranno <i>Distorsonie<\/i>, il primo festival di musica dance elettronica organizzato in Italia, e <i>Netmage<\/i>, uno dei maggiori festival italiani di live media ora confluito nel Live Arts Week.\n<\/p>\n<h5 data-mw-anchor=\"Teatro\">Teatro<\/h5>\n\n\n\n<p>Il teatro \u00e8 stata una forma di intrattenimento molto diffusa a Bologna fino dal Cinquecento. Il primo teatro pubblico fu il Teatro della Sala, attivo a partire dal 1547 nel Palazzo del Podest\u00e0.\n<\/p><p>Una figura molto importante del teatro bolognese e italiano fu Alfredo Testoni, il commediografo autore de <i>Il cardinale Lambertini<\/i>, grande successo teatrale sin dal 1905, riproposto poi sullo schermo dall'attore bolognese Gino Cervi.\n<\/p><p>Nel 1998 il Comune di Bologna ha dato vita al progetto \"Bologna dei Teatri\", un'associazione che riunisce le principali strutture teatrali della citt\u00e0. Si tratta di un circuito di teatri dall'offerta culturale variegata, che spazia dalla commedia dialettale bolognese alla danza contemporanea, ma con una strategia di comunicazione e promozione unitaria. In concreto, gli spettacoli in cartellone nei vari teatri aderenti al progetto vengono pubblicizzati settimanalmente attraverso una locandina unica.\n<\/p><p>I principali teatri di Bologna sono l'Arena del Sole e il Teatro Comunale.\n<\/p>\n<h5 data-mw-anchor=\"Cinema\">Cinema<\/h5>\n\n<p>A Bologna ha sede la prestigiosa Cineteca, gi\u00e0 presieduta dal regista Giuseppe Bertolucci, e successivamente da Carlo Mazzacurati e poi da Marco Bellocchio. Grazie all'apporto fornito dagli studenti del DAMS sono attive in citt\u00e0 parecchie produzioni cinematografiche indipendenti.\n<\/p><p>In Italia, Bologna \u00e8 la seconda citt\u00e0 con maggior numero di posti in sale cinematografiche per abitanti (superata solo da Campobasso, che per\u00f2 ha una popolazione molto pi\u00f9 esigua), e la diciannovesima in Europa.\n<\/p><p>Numerosi sono i festival dedicati al cinema che si tengono in citt\u00e0, fra cui: Future Film Festival, Biografilm Festival, Il cinema ritrovato, Immaginaria. Ogni estate in piazza Maggiore viene allestito un cinema all'aperto, con uno degli schermi cinematografici pi\u00f9 grandi d'Europa, in cui si proiettano tutte le sere alcuni dei migliori restauri della Cineteca e altre pellicole fra le novit\u00e0 della stagione, in un cartellone di oltre cinquanta appuntamenti denominato <i>Sotto le stelle del cinema<\/i>.\n<\/p>\n<h5 data-mw-anchor=\"Film_girati_a_Bologna\">Film girati a Bologna<\/h5>\n\n<p>\n<\/p>\n<h5 data-mw-anchor=\"Cucina\">Cucina<\/h5>\n\n\n\n\n<p>La fama internazionale della cucina bolognese risale al Medioevo, quando le potenti famiglie signorili impiegavano presso le loro corti i cuochi pi\u00f9 celebrati del tempo, mentre numerose erano gi\u00e0 nel Trecento le osterie cittadine. La tradizione gastronomica di Bologna \u00e8 strettamente legata all'Universit\u00e0: la mescolanza di numerosi studenti e professori di nazionalit\u00e0 diverse arricch\u00ec la cultura gastronomica, e rese necessaria una buona organizzazione dell'approvvigionamento alimentare.\n<\/p><p>La cucina bolognese, cos\u00ec come quella di tutta l'Emilia, si distingue per l'abbondanza nell'uso di carne, in particolare maiale, e pasta all'uovo, tanto da far meritare alla citt\u00e0 l'appellativo di <i>Bologna la grassa<\/i>. Abbonda anche l'uso di latticini, quali il burro, il formaggio molle e il Parmigiano Reggiano. Le numerose ricette di origine bolognese, diffuse in tutto il mondo come eccellenze della cucina italiana, e la proliferazione in citt\u00e0 di attivit\u00e0 commerciali legate al cibo, hanno spesso condotto la stampa italiana e straniera ad attribuire a Bologna l'appellativo di <i>Citt\u00e0 del cibo<\/i> (<i>City of food<\/i>).\n<\/p>\n<h5 data-mw-anchor=\"Eventi\">Eventi<\/h5>\n\n\n<p>Oltre alle numerose fiere di respiro internazionale nell'area della Fiera di Bologna, la citt\u00e0 ospita frequentemente importanti eventi, festival e rassegne. Nel 1911 si tenne a Bologna il IV Congresso internazionale di filosofia; vi parteciparono filosofi italiani e provenienti da ogni parte del mondo. Nel 1988 si tenne la <i>Biennale dei giovani artisti dell'Europa e del Mediterraneo<\/i>.\n<\/p>\n<h5 data-mw-anchor=\"Festival_musicali\">Festival musicali<\/h5>\n<ul><li><i>Alma Jazz Festival<\/i> (si svolge in autunno): \u00e8 il primo festival italiano dedicato alle orchestre jazz universitarie, provenienti da tutta Europa.<\/li>\n<li><i>AngelicA - festival internazionale di musica<\/i> (si svolge a maggio\/giugno): si svolge da oltre vent'anni e si propone di rappresentare ogni forma di ricerca musicale che si muova in ambiti non convenzionali e che usi con libert\u00e0 i molteplici materiali offerti dalle diverse tradizioni musicali.<\/li>\n<li><i>Bologna Jazz Festival<\/i> - The Autumn Jazz Event (si svolge a novembre): il pi\u00f9 antico festival jazz italiano, dal 1958 tappa dei pi\u00f9 grandi musicisti mondiali del genere.<\/li>\n<li><i>RoBOt Festival<\/i> - Digital Paths into Music and Art (si svolge a settembre\/ottobre): rassegna di musica elettronica e arte digitale.<\/li>\n<li><i>Zecchino d'Oro<\/i> (si svolge a novembre): storica rassegna canora internazionale di musica per l'infanzia, che si svolge all'Antoniano.<\/li><\/ul>\n<h5 data-mw-anchor=\"Festival_cinematografici\">Festival cinematografici<\/h5>\n<ul><li><i>Biografilm Festival<\/i> - International Celebration of Lives (si svolge a giugno): \u00e8 l'unico evento mondiale dedicato alle biografie e ai racconti di vita.<\/li>\n<li><i>Future Film Festival<\/i> - Festival Internazionale di Cinema, Animazione e Nuove Tecnologie (si svolge ad aprile): il primo e pi\u00f9 importante festival italiano dedicato al cinema d'animazione e alle nuove tecnologie.<\/li>\n<li><i>Human Rights Nights International Film Festival<\/i> (si svolge a ottobre): festival sulle espressioni cinematografiche in tema di diritti umani.<\/li>\n<li><i>Il cinema ritrovato<\/i> (si svolge a giugno\/luglio): festival cinematografico dedicato alla riscoperta di film muti e sonori riemersi e classici restaurati; \u00e8 diretto da Peter von Bagh e ospita anche la Fiera dell'Editoria Cinematografica.<\/li>\n<li><i>Some Prefer Cake<\/i> (si svolge a settembre): festival del cinema lesbico.<\/li>\n<li><i>Sotto le stelle del cinema<\/i> (si svolge da giugno ad agosto): rassegna estiva di cinema in piazza Maggiore.<\/li>\n<li><i>Visioni Italiane<\/i> (si svolge a febbraio): festival di produzioni indipendenti di cortometraggio italiane in visione al Cinema Lumi\u00e8re.<\/li>\n<li><i>YoungAbout International Film Festival<\/i> (si svolge a marzo): festival internazionale giovani e cinema.<\/li><\/ul>\n<h5 data-mw-anchor=\"Festival_di_arti_visive\">Festival di arti visive<\/h5>\n<ul><li><i>Art City Bologna<\/i> (si svolge a gennaio-febbraio): \u00c8 un insieme di iniziative culturali, mostre ed eventi che propongono una contaminazione fra l'arte contemporanea e i luoghi e il patrimonio artistico presenti sul territorio, che si svolge in occasione di ArteFiera<\/li>\n<li><i>BilBOlBul<\/i> - Festival Internazionale del Fumetto (si svolge a marzo): rassegna dedicata al fumetto, presenta opere di grandi artisti e di giovani sulla scena nazionale e internazionale, con uno sguardo sulla produzione pi\u00f9 innovativa, mettendo anche in relazione il fumetto con gli altri linguaggi della cultura contemporanea.<\/li>\n<li><i>Cheap Festival<\/i> - Festival di Street Poster Art che si svolge annualmente in maggio<\/li>\n<li><i>Frontier<\/i> (si svolge a giugno-luglio) - festival di street art.<\/li><\/ul>\n<h5 data-mw-anchor=\"Festival_di_arti_performative\">Festival di arti performative<\/h5>\n<ul><li><i>Danza Urbana - Festival internazionale di danza nei paesaggi urbani<\/i> (si svolge a settembre): primo festival italiano di danza nei paesaggi urbani, offre spettacoli e laboratori di danza nelle piazze cittadine.<\/li>\n<li><i>Live Arts Week<\/i> - Appuntamento multidisciplinare dedicato agli incroci fra arti elettroniche, visive, musicali e performative, nato nel 2012 dalla fusione del Netmage e del F.I.S.Co..<\/li>\n<li><i>PerAspera<\/i> - festival di arti performative contemporanee.<\/li><\/ul>\n<h5 data-mw-anchor=\"Festival_culinari\">Festival culinari<\/h5>\n<ul><li><i>MortadellaBO' <\/i> (si svolge a ottobre) - festival dedicato alla Mortadella Bologna IGP.<\/li>\n<li><i>Cioccoshow<\/i> - La magia del cioccolato (si svolge a novembre): fiera del cioccolato.<\/li><\/ul>\n<h5 data-mw-anchor=\"Altri_eventi\">Altri eventi<\/h5>\n<ul><li><i>la Repubblica delle idee<\/i> (si svolge a giugno): festival giornalistico curato dal quotidiano <i>la Repubblica<\/i>.<\/li>\n<li><i>Discesa della Madonna di San Luca<\/i> (si svolge a maggio): ogni anno si celebra l'antica tradizione della \"discesa della Madonna di San Luca\", che avviene il 12 maggio tramite una processione dal Santuario della Madonna di San Luca fino al centro della citt\u00e0.<\/li>\n<li><i>Smell<\/i> - Festival dell'Olfatto (si svolge a maggio): incontri, eventi, laboratori, presentazioni, workshop interamente dedicati al mondo dei profumi.<\/li>\n<li><i>Festa Internazionale della Storia<\/i>, si svolge nella terza settimana di ottobre, con eventi da settembre a dicembre<\/li>\n<li>Fal\u00f2 del vecchione, tradizionale celebrazione del Capodanno consistente nel rogo di un grande fantoccio rappresentante l'anno vecchio.<\/li><\/ul>\n<h5 data-mw-anchor=\"Partecipazione_all'Expo_2010_di_Shanghai\" data-mw-fallback-anchor=\"Partecipazione_all.27Expo_2010_di_Shanghai\">Partecipazione all'Expo 2010 di Shanghai<\/h5>\n\n<p>La citt\u00e0 di Bologna, insieme ad altre 45 citt\u00e0 del mondo, ha partecipato, previa selezione e invito, all'Esposizione Universale di Shanghai 2010 intitolata <i>Better city, better life<\/i> (Citt\u00e0 migliore, Vita migliore), tenutasi dal 1\u00ba maggio al 31 ottobre 2010 nella metropoli cinese.\nLa giuria internazionale dell'Expo ha inserito la citt\u00e0 felsinea nell'area <i>Liveable city<\/i> (Citt\u00e0 vivibile), giudicandola esempio di eccellenza nelle categorie: Cultura e creativit\u00e0; Innovazione tecnologica; Inclusione sociale; Trasformazioni urbanistiche e infrastrutturali. Le altre due citt\u00e0 italiane invitate a questa edizione dell'Esposizione Universale sono state Venezia (area <i>Protection and Utilization of Historical Heritages<\/i>) e Milano (area <i>Sustainable Urbanisation<\/i>).\n<\/p>\n<h5 data-mw-anchor=\"Geografia_antropica\">Geografia antropica<\/h5>\n<h5 data-mw-anchor=\"Area_metropolitana\">Area metropolitana<\/h5>\n\n\n\n\n<p>L'area metropolitana di Bologna costituisce una delle prime dieci aree metropolitane italiane e conta una popolazione di oltre 1 milione di abitanti, con una rilevante influenza economica e culturale sulle citt\u00e0 e regioni limitrofe.\n<\/p><p>Secondo la classificazione detta <i>FURs<\/i> (perimetrazione basata sui flussi pendolari) il nucleo urbano della citt\u00e0 di Bologna ha una popolazione di 991.385 abitanti (al gennaio 2013).\n<\/p><p>La citt\u00e0 e la sua area metropolitana, parametrate anche su scala economica, culturale, commerciale, industriale, congressuale, fieristica, finanziaria e sociale, rivestono quindi un'importanza, in ambito nazionale ed europeo, assai superiore a quanto espresso dal semplice parametro demografico (men che meno a quello della popolazione ufficialmente residente nel ristretto ambito comunale). La conferma di questo arriva da uno studio condotto nel 1989 dal gruppo Reclus di Montpellier e commissionato della DATAR (<i>D\u00e9l\u00e9gation \u00e0 l'Amenagement du Territoire et \u00e0 l'Action R\u00e9gionale<\/i>), nel quale si formula una classificazione per grado d'importanza delle citt\u00e0 con pi\u00f9 di duecentomila abitanti di quattordici Stati dell'Europa Occidentale e mediterranea: Bologna, con Firenze e Venezia, si situava in posizione pi\u00f9 avanzata di citt\u00e0 pi\u00f9 popolose, quali Dublino, Leeds, Liverpool, Lilla, Norimberga, Essen, Dortmund, Brema, Hannover, Saragozza, Malaga, Bilbao, Salonicco, Palermo, ecc.\n<\/p><p>Nonostante l'esigua popolazione comunale Bologna \u00e8 stata anche inserita, dal gruppo di studio GaWC, tra le cento citt\u00e0 globali (o Citt\u00e0 del Mondo), in virt\u00f9 della sua importanza culturale ed economica (invero in categoria D, cio\u00e8 citt\u00e0 globali in formazione, con bassa evidenza).\n<\/p>\n<h5 data-mw-anchor=\"Suddivisioni_amministrative\">Suddivisioni amministrative<\/h5>\n\n\n\n<p>Il comune \u00e8 suddiviso amministrativamente in sei circoscrizioni di decentramento, a cui lo statuto attribuisce il nome di \"quartieri\": Borgo Panigale-Reno, San Donato-San Vitale, Savena, Navile, Porto-Saragozza, Santo Stefano.\n<\/p>\n<h5 data-mw-anchor=\"Urbanistica\">Urbanistica<\/h5>\n\n\n\n<p>Il centro storico di Bologna \u00e8 uno dei pi\u00f9 antichi e vasti d'Europa. In virt\u00f9 di un'attenta politica di restauro e conservazione avviata dalla fine degli anni sessanta del secolo scorso, esso ha conservato gran parte della citt\u00e0 medievale, a dispetto dei gravi danni causati dagli sventramenti urbanistici della fine del XIX secolo, tra cui quello del centrale Mercato di Mezzo, e dalle distruzioni belliche della seconda guerra mondiale. In alcune case si trovano ancora le fondazioni della citt\u00e0 romana risalente al II secolo a.C., e in altre abitazioni pare addirittura che vi siano tracce datate all'et\u00e0 del ferro. La struttura del centro storico composta dalla sovrapposizione di due modelli planimetrici, quello romano ortogonale e quello medievale a raggiera, con piazza Maggiore posta in mezzo e i \"raggi\", a partire dalle due strade centrali della via Emilia - via Rizzoli e via Ugo Bassi - che si sviluppano fino alle varie porte che si aprono lungo i resti delle mura.\n<\/p><p>Caratteristica principale delle abitazioni, ereditata dall'architettura del passato e riproposta anche in chiave moderna in quasi tutta la citt\u00e0, \u00e8 quella di avere all'esterno i portici. La citt\u00e0 ha infatti la pi\u00f9 alta concentrazione di portici al mondo, circa 42\u00a0km.\n<\/p>\n\n<p>L'espansione demografica dovuta alla forte immigrazione dalla provincia e dalle regioni del sud Italia ha portato, soprattutto negli anni sessanta e settanta del Novecento, a un\u2019intensa urbanizzazione delle aree un tempo rurali all'esterno delle mura cittadine. Nacquero cos\u00ec popolosi quartieri periferici come la Barca (1962), il Pilastro (1966) o il Fossolo (1968), e si realizzarono grandi progetti di edilizia popolare, come ad esempio il grattacielo di San Vitale (1958-60), l'insediamento \"Levante Emilia\" in via Napoli (1961), il Treno (1957-62) e lo Steccone (1968) alla Barca, il Virgolone (1976) al Pilastro.\n<\/p><p>In un'area destinata allo sviluppo della citt\u00e0, fra via Stalingrado e il quartiere San Donato, nel 1967 l'amministrazione comunale commission\u00f2 al noto architetto giapponese Kenz\u014d Tange la progettazione del Centro direzionale nell'area della fiera, la cui costruzione inizi\u00f2 nel 1975. Nacque cos\u00ec il Fiera District, destinato a diventare la sede della Regione Emilia-Romagna, del Palazzo degli Affari, della Fiera di Bologna e di altre importanti istituzioni economiche. Al centro del Fiera District fu progettata una zona pedonale, piazza della Costituzione, la cui costruzione fu affidata a Isamu Noguchi.\n<\/p><p>Fra gli ultimi esempi di architettura contemporanea e interventi urbanistici (spesso oggetto di accese discussioni) troviamo la Porta Europa dell'architetto Ettore Masi in via Stalingrado, il complesso del nuovo palazzo comunale nella zona della Bolognina (Palazzo Bonaccorso e piazza Liber Paradisus) e la Torre Unipol, un grattacielo alto 127 metri sito nella periferia est della citt\u00e0.\n<\/p>\n<h5 data-mw-anchor=\"Ambiente\">Ambiente<\/h5>\n\n<h5 data-mw-anchor=\"Economia\">Economia<\/h5>\n\n<p>Bologna ospita un'importante rete di industrie meccaniche, elettroniche e alimentari e un gran numero di imprese di artigianato. La citt\u00e0 metropolitana ospita, in proporzione, il maggior numero di imprese per abitanti in Italia. La CNA (Confederazione nazionale dell'artigianato e della piccola e media impresa), registra all'inizio del 2007, un numero di 16.500 imprese associate, quantit\u00e0 inferiore solo a quelle di Milano e Roma.\n<\/p><p>Con un PIL pro capite a parit\u00e0 di potere d'acquisto di 36.941 euro (2013), Bologna risulta essere la 44\u00aa citt\u00e0 pi\u00f9 ricca d'Europa e la seconda in Italia dopo Milano. Secondo i dati dell'<i>European Regional Economic Growth Index (E-REGI)<\/i> del 2016, Bologna \u00e8 la terza citt\u00e0 italiana per indice di crescita economica (dopo Milano e Roma) e la 53\u00aa in Europa. Secondo la classificazione del Globalization and World Cities Research Network, Bologna rientra nel novero delle citt\u00e0 globali di livello <i>Gamma<\/i>, terza citt\u00e0 italiana dopo Milano e Roma.\n<\/p>\n<h5 data-mw-anchor=\"Industria\">Industria<\/h5>\n\n<p>L'industria meccanica fior\u00ec a Bologna gi\u00e0 a partire dal XV secolo, principalmente l'industria serica, grazie ai numerosi mulini da seta meccanici alimentati dai canali cittadini, i quali rappresentavano una tecnologia fortemente avanzata per l'epoca. Il numero delle macchine da seta raggiunse le 100 unit\u00e0 nel momento di massima espansione, secoli prima della rivoluzione industriale.\n<\/p><p>Oggi Bologna si trova al centro di un importantissimo distretto industriale meccanico ed elettromeccanico (e pi\u00f9 recentemente meccatronico), affermatosi in particolare in ambito motoristico e del packaging. Nell'ambito dei motori vi hanno sede aziende quali la Ducati, l'Industria Italiana Autobus e la sede italiana della Volvo. Nell'area metropolitana, inoltre, si trovano la Lamborghini (a Sant'Agata Bolognese) e la sede italiana della Saab (a Casalecchio di Reno). A Bologna vennero fondate la Maserati, la Malaguti e la Moto Morini.\n<\/p><p>Nel settore del packaging, sviluppatosi a partire dagli anni '20, spiccano il gruppo Coesia (G.D - A.C.M.A. Volpak - Cima - Sasib), e, nel territorio metropolitano, l'IMA (a Ozzano) e la Marchesini Group (a Pianoro).\n<\/p><p>In ambito metalmeccanico vi si trova la Cesab, mentre nella zona metropolitana hanno sede la Malossi e la Minarelli (entrambe a Calderara di Reno), la Marzocchi e la Viro (a Zola Predosa), la Paioli (a Sant\u2019Agata Bolognese), la Bonfiglioli Riduttori a Sala Bolognese . Nel pi\u00f9 ampio settore delle produzioni industriali vi \u00e8 il Gruppo Industriale Maccaferri. Nel settore dei macchinari elettronici e delle macchine automatiche, la Saeco, la Datalogic, la Beghelli e la FAAC.\n<\/p><p>Fra le industrie agroalimentari di grande rilevanza, a Bologna troviamo: nel settore alimentare la Granarolo, la Fabbri, la Valsoia e l'Eridania. Molte le societ\u00e0 disseminate nel territorio metropolitano: a San Lazzaro di Savena il gruppo Conserve Italia (a cui fanno capo la Cirio, la Valfrutta, la Derby Blue, la Yoga e la Jolly Colombani); a Pianoro la Segafredo Zanetti; a Zola Predosa la Montenegro, l'Alcisa; a Crespellano la Majani; ad Anzola dell'Emilia la Carpigiani; a Cereglio la Cerelia Acqua Minerale. Vi si trovano infine le sedi nazionali delle cooperative alimentari Conad e Sigma, mentre nell'adiacente comune di Casalecchio hanno sede la Coop e Despar, e a Funo di Argelato la SISA.\n<\/p>\n<h5 data-mw-anchor=\"Commercio\">Commercio<\/h5>\n\n<p>L'area di Bologna \u00e8 un polo commerciale di primaria importanza (con il <i>Centergross<\/i> nell'area metropolitana, che per un lungo periodo \u00e8 stato dalla fondazione nel 1977 la pi\u00f9 grande cittadella commerciale all'ingrosso d'Europa, e l'Interporto).\n<\/p><p>\u00c8 un importante centro fieristico che con la Fiera di Bologna ospita numerose fiere di caratura internazionale (<i>Arte Fiera<\/i>, <i>Saie<\/i>, <i>EIMA<\/i>, <i>Cersaie<\/i>, <i>Cosmoprof<\/i>, <i>Sana<\/i>, <i>Fiera del Libro per Ragazzi<\/i>, <i>Music Italy Show<\/i>, ecc.). In Italia, BolognaFiere \u00e8 per fatturato il secondo grande nucleo fieristico dopo Milano.\n<\/p><p>Grazie alla grande tradizione culinaria, a Bologna sono molto diffusi i negozi di prodotti alimentari. Separato da piazza Maggiore dal Palazzo dei Banchi, si trova ci\u00f2 che resta dell'antico <i>Mercato di Mezzo<\/i>, dove le strade portano ancora i nomi degli artigiani che qui, nel Medioevo, avevano ubicato le loro botteghe: via degli Orefici, via Drapperie (sarti), via Pescherie Vecchie, via Clavature (fabbri), via Caprarie (macellai). Un altro storico mercato cittadino \u00e8 il Mercato delle Erbe.\n<\/p><p>Sono presenti, inoltre, moltissime attivit\u00e0 di abbigliamento, gioielli, artigianato, bistrot, oltre a numerose <i>boutique<\/i> di alta moda, concentrate in particolar modo fra Galleria Cavour, via Farini, il Pavaglione e via D'Azeglio. Ad esse si aggiunge Corte Isolani, una galleria medievale che collega piazza Santo Stefano a Strada Maggiore, sede di piccole boutique, caff\u00e8, ristoranti e un laboratorio di marionette. Altre strade dedicate allo shopping, ma di carattere pi\u00f9 <i>mainstream<\/i>, sono le tre vie che formano la cosiddetta \"T\": via dell'Indipendenza, via Rizzoli e via Ugo Bassi.\n<\/p><p>\u00c8 in notevole crescita il commercio dell'usato. La citt\u00e0 metropolitana di Bologna \u00e8 la provincia in Italia che registra il maggiore aumento di negozi di questo tipo, cresciuto dell'8,3% rispetto al 2009.\n<\/p>\n<h5 data-mw-anchor=\"Artigianato\">Artigianato<\/h5>\n<p>Nel bolognese hanno sede, inoltre, alcune fra le grandi case di moda e pelletteria: Borbonese, La Perla, Les Copains, Bruno Magli, Furla, WP Lavori in Corso (marchi Woolrich e Baracuta), A.Testoni, Elisabetta Franchi, Mandarina Duck, le filiali italiane di Nike e Ralph Lauren ecc.\n<\/p><p>Oltre che per le attivit\u00e0 di abbigliamento e di arredo, Bologna \u00e8 rinomata anche per la produzione di ceramiche, di mosaici, di mobili d'arte, per la lavorazione del rame e per i laboratori di intagliatori e restauratori di mobili, oreficeria, di tessitura di fiori di seta, di trine all'uncinetto, di liutai.\n<\/p>\n<h5 data-mw-anchor=\"Terziario\">Terziario<\/h5>\n<p>Nel settore dei servizi ambientali, l'azienda leader nel territorio \u00e8 Hera. Nel settore immobiliare  l'IGD con la sede operativa; nel settore grafico e stampa la Poligrafici Editoriale; nell'e-commerce la Yoox Net-A-Porter Group.\n<\/p><p>Nel capoluogo emiliano hanno sede importanti istituti finanziari nazionali e regionali, tra i quali l'Unipol, l'UnipolSai, la Carisbo, la Banca di Bologna, l'EmilBanca - Credito Cooperativo.\n<\/p><p>Negli ultimi anni nel capoluogo emiliano sono nate numerose start-up nell'ambito delle tecnologie dell'informazione e della comunicazione. Qui ha aperto nel 2013 <i>Working Capital<\/i>, uno degli acceleratori per imprese di Telecom Italia. Questo proliferare di attivit\u00e0 legate al settore informatico ha portato alcuni media a definire Bologna come la <i>Silicon Valley italiana<\/i>.\n<\/p>\n<h5 data-mw-anchor=\"Turismo\">Turismo<\/h5>\n<p>Il turismo a Bologna ha visto una forte impennata a partire dal 2015, raggiungendo nel 2019 il record di 2,4 milioni di arrivi, con una crescita pari al 118% rispetto al 2014. \nNel 2019 i turisti stranieri, principalmente europei, hanno rappresentato il 47% degli arrivi, mentre il rimanente 53% erano turisti italiani.\n<\/p><p>Un tale incremento di presenze turistiche si \u00e8 verificato a seguito della firma di convenzioni commerciali con la compagnia aerea low-cost Ryanair, l'istituzione nel 2014 su iniziativa della Camera di Commercio della societ\u00e0 di promozione turistica \"Bologna Welcome srl\", a cui hanno fatto seguito numerose campagne di marketing incentrate su \"cibo, musica e motori\".\n<\/p><p>Il rapido e massiccio aumento di presenze turistiche ha tuttavia anche portato con s\u00e9 le tipiche ricadute negative del turismo di massa, come il congestionamento del centro, la proliferazione di ristoranti turistici di dubbia qualit\u00e0 e minimarket (anche a danno di botteghe storiche), l'istituzione di biglietti d'ingresso per diversi monumenti, nonch\u00e9 uno spiccato aumento dei costi degli immobili.\n<\/p>\n<h5 data-mw-anchor=\"Terme\">Terme<\/h5>\n\n\n<p>A Bologna e nell'area metropolitana sono presenti diversi stabilimenti termali. I primi impianti dell'area risalgono ai tempi degli antichi Romani.\n<\/p>\n<h5 data-mw-anchor=\"Infrastrutture_e_trasporti\">Infrastrutture e trasporti<\/h5>\n<p>La citt\u00e0 e la sua area metropolitana sono poste al centro dei traffici dell'Italia produttiva. In linea generale si pu\u00f2 affermare che questa funzione di crocevia \u00e8 resa possibile dalla particolare posizione geografica che, pur collocandola al margine meridionale della Pianura Padana, la pone, quasi come punto di passaggio obbligato, al centro delle vie di comunicazione che collegano il Nord dell'Italia col Mezzogiorno, sia attraverso la direttrice \"adriatica\" da Torino, Milano, il Veneto fino alla Puglia, assai pi\u00f9 rilevante per traffico di quella \"tirrenica\" da Genova a Roma, sia attraverso la cosiddetta \"dorsale appenninica\" per Firenze e Roma (che sfrutta, almeno nel primo tratto, la storica ed importante via di penetrazione appenninica rappresentata dalla valle del fiume Reno): infatti proprio queste due direttrici s'incontrano a Bologna.\n<\/p>\n<h5 data-mw-anchor=\"Strade\">Strade<\/h5>\n\n<p>Nel nodo autostradale di Bologna confluiscono la A1 (Autostrada del Sole Milano-Firenze-Roma-Napoli), la A14 (Autostrada Adriatica Bologna-Ancona-Taranto) e la A13 (Bologna-Padova). Il raccordo autostradale che circonda la citt\u00e0 a ovest, nord ed est \u00e8 affiancato per circa 22\u00a0km dalla tangenziale di Bologna.\n<\/p><p>La densit\u00e0 di traffico \u00e8 una delle pi\u00f9 elevate d'Italia e anche l'ambiente e la qualit\u00e0 dell'aria ne risentono fortemente: all'inquinamento proprio del traffico di una citt\u00e0 metropolitana di un milione di abitanti si aggiunge quello prodotto dal traffico di transito.\n<\/p><p>Al fine di decongestionare il traffico e potenziare il raccordo autostradale e della tangenziale, \u00e8 stata realizzata una terza corsia <i>dinamica<\/i> sulla A14 e i semafori all'innesto degli svincoli della tangenziale con strade urbane sono stati sostituiti con rotatorie. Al 2024 \u00e8 in costruzione, inoltre, il cosiddetto Passante di Bologna, che consiste in un ampliamento in sede dell'attuale infrastruttura costituita da autostrada e tangenziale.\n<\/p><p>Altre strade importanti che toccano la citt\u00e0 sono la Strada statale 9 Via Emilia, che la collega con numerosi capoluoghi dell'Emilia-Romagna, oltre che con Lodi e Milano; la Strada statale 253 San Vitale, che la collega con Ravenna; la Strada statale 65 della Futa, che la collega con Firenze; e la Strada statale 64 Porrettana, che proviene da Pistoia e prosegue per Ferrara.\n<\/p>\n<h5 data-mw-anchor=\"Ferrovie\">Ferrovie<\/h5>\n\n\n\n\n<p>Bologna costituisce un nodo ferroviario di rilevanza nazionale, attraverso il quale si stima che transiti oltre l'<span title=\"Queste informazioni non sono comprovate da fonti attendibili.\">85%<\/span> del traffico nazionale fra Nord e Sud, escludendo i traffici via La Spezia (per Milano e la Francia) e quelli via Ravenna - Ferrara.\n<\/p><p>La principale stazione ferroviaria \u00e8 la stazione di Bologna Centrale, fra le pi\u00f9 grandi stazioni italiane per traffico passeggeri (circa 58 milioni all'anno) e per numero di treni giornalieri in transito. Le ferrovie offrono servizi su scala metropolitana, regionale, nazionale e internazionale, con collegamenti diretti per Zurigo, Monaco di Baviera e Vienna.\n<\/p><p>Le linee ferroviarie di rilevanza nazionale che si attestano a Bologna Centrale sono:\n<\/p>\n<ul><li>la Bologna-Milano (che collega le citt\u00e0 capoluogo emiliane, con l'eccezione di Ferrara), affiancata dalla corrispondente linea ad alta velocit\u00e0;<\/li>\n<li>la Bologna-Ancona-Bari (che collega le citt\u00e0 capoluogo romagnole, con l'eccezione di Ravenna, per poi seguire l'intera lunghezza della costa adriatica verso sud fino in Puglia);<\/li>\n<li>la Bologna-Firenze-Roma (<i>Direttissima<\/i>), affiancata dalla corrispondente linea ad alta velocit\u00e0, che prosegue oltre Firenze per Roma e Napoli;<\/li>\n<li>la Bologna-Verona, che la collega anche al Trentino-Alto Adige e al Nord Europa;<\/li>\n<li>la Bologna-Venezia, che la collega anche al Friuli-Venezia Giulia e all'Est Europa;<\/li><\/ul>\n<p>Le altre linee di importanza regionale che si attestano a Bologna Centrale sono:\n<\/p>\n<ul><li>la Bologna-Porretta Terme-Pistoia (detta \"Porrettana\"), realizzata nel 1864. Fino alla costruzione nel 1934 della \"Direttissima\", era la linea principale di collegamento fra Nord e Sud Italia;<\/li>\n<li>la Bologna-Portomaggiore;<\/li>\n<li>la Bologna-Casalecchio-Vignola, che condivide l'infrastruttura della Bologna-Porretta da Bologna fino a Casalecchio.<\/li><\/ul>\n<p>Bologna presenta inoltre una linea ferroviaria di cintura, adibita principalmente al trasporto merci.\n<\/p>\n<h5 data-mw-anchor=\"Servizio_ferroviario_metropolitano\">Servizio ferroviario metropolitano<\/h5>\n\n\n<p>Il Servizio ferroviario metropolitano di Bologna \u00e8 un servizio ferroviario suburbano a elevata frequenza, che utilizza linee ferroviarie convergenti nella citt\u00e0 di Bologna. \u00c8 identificato dall'acronimo <i>SFM<\/i> o anche solo con la lettera \"S\". Questo servizio dispone attualmente di 12 fermate nel comune di Bologna e oltre 80 all'interno dell'area urbana di Bologna e della citt\u00e0 metropolitana, con una rete di circa 350 km ed un flusso giornaliero stimato in 83.000-85.000 passeggeri (rilevazione anno 2019), ed \u00e8 quindi utile anche per spostamenti all'interno della citt\u00e0.\n<\/p>\n<h5 data-mw-anchor=\"Aeroporti\">Aeroporti<\/h5>\n<p>L'Aeroporto Guglielmo Marconi di Bologna nel 2023 era il sesto aeroporto italiano per numero di passeggeri. L'importanza dell'aeroporto (il cui bacino d'utenza \u00e8 stimato in almeno dieci milioni di persone) \u00e8 dovuto prevalentemente alla posizione nel \"baricentro produttivo\" d'Italia. Oltre alla sua funzione al servizio dell'intera zona produttiva emiliana e marchigiana, l'aumento delle rotte da parte di compagnie aeree low cost e la realizzazione della linea ad Alta Velocit\u00e0 per Firenze hanno portato ad un massiccio aumento dell'utenza turistica. L'aeroporto \u00e8 collegato alla stazione di Bologna Centrale tramite il Marconi Express, un people mover sopraelevato che impiega 7 minuti per compiere il tragitto.\n<\/p>\n<h5 data-mw-anchor=\"Mobilit\u00e0_urbana\" data-mw-fallback-anchor=\"Mobilit.C3.A0_urbana\">Mobilit\u00e0 urbana<\/h5>\n\n\n\n<p>I trasporti pubblici urbani sono gestiti da Trasporto Passeggeri Emilia-Romagna (TPER), che offre un servizio di autobus e filobus, con linee urbane, suburbane e extraurbane. Alcune linee sono state appaltate da Tper ad alcune compagnie tra cui Autoguidovie, SACA, COSEPURI e altre aziende minori.\n<\/p><p>\u00c8 attualmente in costruzione la rete tranviaria di Bologna. I lavori sono stati avviati ad aprile 2023, con entrata in funzione prevista nel 2026.\n<\/p><p>A Bologna sono attivi servizi di <i>car sharing<\/i> (Io Guido e Enjoy, con auto a benzina, e Corrente, con auto e scooter elettrici) e due servizi di bike sharing (gestiti rispettivamente da Mobike e TPER). Dalla primavera 2010 \u00e8 in funzione in centro un servizio gratuito di taxi su bici, chiamato <i>Bi-Bo.<\/i>\n<\/p>\n<h5 data-mw-anchor=\"Piste_ciclabili\">Piste ciclabili<\/h5>\n\n\n\n<p>Bologna dispone di una fitta rete di piste ciclabili. A giugno 2022, la rete ciclabile urbana misura circa 200\u00a0km, di cui 120\u00a0km in sede protetta, 50\u00a0km di percorsi ciclabili in carreggiata e 30\u00a0km di percorsi verdi (in aree verdi o fluviali). Entro il 2024 \u00e8 gi\u00e0 prevista e finanziata la realizzazione di 50 ulteriori km di piste ciclabili.\n<\/p><p>La rete ciclabile portante \u00e8 identificata dai percorsi della Bicipolitana, la rete ciclabile della citt\u00e0 metropolitana di Bologna. Dei 32 percorsi identificati dalla Bicipolitana, 10 sono percorsi radiali che partono dal centro di Bologna e altri 2 sono percorsi tangenziali che circondano la citt\u00e0 di Bologna, tra cui la <i>Tangenziale delle biciclette<\/i>, inaugurata nel 2015, che segue il percorso dei viali di circonvallazione intorno al centro storico.\n<\/p><p>La linea 2 della Bicipolitana comprende il tratto bolognese della Ciclovia del Sole, parte del corridoio ciclabile europeo EuroVelo 7, che percorre l'Europa da nord a sud.\n<\/p><p>Il Piano Urbano della Mobilit\u00e0 Sostenibile pone come obiettivo, per il 2030, che il 18% degli spostamenti interni al comune di Bologna avvenga in bicicletta.\n<\/p>\n<h5 data-mw-anchor=\"Amministrazione\">Amministrazione<\/h5>\n\n\n<p>Per tutta la sua storia democratica, l'amministrazione cittadina si \u00e8 distinta per il suo orientamento politico di sinistra. Nel 1914 il Partito Socialista vinse a larga maggioranza le prime elezioni amministrative a suffragio universale maschile con il motto elettorale \"Pane e alfabeto\", portando alla prima giunta socialista di Francesco Zanardi. L'avvento del regime fascista port\u00f2 all'abolizione degli organi democratici comunali, reistituiti solo dopo la Liberazione con l'introduzione del suffragio universale. Il primo sindaco del dopoguerra fu Giuseppe Dozza, nominato nel 1945 dal Comitato regionale di liberazione nazionale Emilia e Romagna e confermato alle prime elezioni amministrative a suffragio universale del 1946. Da allora, con la sola parentesi del 1999-2004 (che vide a capo della giunta di centro-destra Giorgio Guazzaloca), i cittadini hanno eletto amministrazioni di sinistra o centro-sinistra, tanto da far assumere all'appellativo \"Bologna la rossa\" un significato politico.\n<\/p><p>Bologna \u00e8 stata caratterizzata da un'alta partecipazione politica dei cittadini, riscontrabile nell'alta affluenza elettorale, storicamente oscillante fra l'80% e il 70%. Una forte battuta d'arresto si ebbe alle elezioni comunali del 2016, alle quali si registr\u00f2 un'affluenza inferiore al 60%, ulteriormente abbassatosi alla successiva tornata elettorale nel 2021, fermandosi al minimo storico di 51%. Bologna si colloca assai sopra la media nazionale anche per partecipazione delle donne nell'amministrazione, con ben 60% di elette nel Consiglio Comunale nel 2016.\n<\/p>\n<h5 data-mw-anchor=\"Consolati\">Consolati<\/h5>\n\n<p>A Bologna sono presenti i consolati generali di Marocco, Romania e Tunisia. Vi si trovano inoltre i seguenti consoli onorari: Austria, Bulgaria, Costa Rica, Finlandia, Francia, Grecia, Malta, Messico, Monaco, Montenegro, Norvegia, Paesi Bassi, Polonia, Portogallo, Regno Unito, San Marino, Spagna, Sudafrica, Svezia, Svizzera, Ungheria, Uruguay.\n<\/p>\n<h5 data-mw-anchor=\"Gemellaggi\">Gemellaggi<\/h5>\n<p>Bologna \u00e8 gemellata con tredici citt\u00e0 estere e tre comuni italiani:\n<\/p>\n<ul><li><span typeof=\"mw:File\"><\/span> Lipsia, dal 3 maggio 1962<\/li>\n<li><span typeof=\"mw:File\"><\/span> Zagabria, dal 5 maggio 1963<\/li>\n<li><span typeof=\"mw:File\"><\/span> Charkiv, dal 5 agosto 1966<\/li>\n<li><span typeof=\"mw:File\"><\/span> Valencia, dal 27 marzo 1976<\/li>\n<li><span typeof=\"mw:File\"><\/span> San Fele, dal 27 gennaio 1981<\/li>\n<li><span typeof=\"mw:File\"><\/span> Salonicco, dal 29 ottobre 1981<\/li>\n<li><span typeof=\"mw:File\"><\/span> Tolosa, dal 23 novembre 1981<\/li>\n<li><span typeof=\"mw:File\"><\/span> Coventry, dal 21 aprile 1984<\/li>\n<li><span typeof=\"mw:File\"><\/span> St. Louis, dal 30 luglio 1987<\/li>\n<li><span typeof=\"mw:File\"><\/span> San Carlos, dal 21 maggio 1988<\/li>\n<li><span typeof=\"mw:File\"><\/span> La Plata, dal 23 novembre 1988<\/li>\n<li><span typeof=\"mw:File\"><\/span> Saint-Louis, dal 9 dicembre 1991<\/li>\n<li><span typeof=\"mw:File\"><\/span> Tuzla, dal 21 luglio 1994<\/li>\n<li><span typeof=\"mw:File\"><\/span> Portland, dal 28 aprile 2004<\/li>\n<li><span typeof=\"mw:File\"><\/span> Bari, dal 18 novembre 2009<\/li>\n<li><span typeof=\"mw:File\"><\/span> Pollica, dal 23 giugno 2012<\/li><\/ul>\n<p>Inoltre sono stati sottoscritti vari protocolli di cooperazione con le citt\u00e0 di:\n<\/p>\n<ul><li><span typeof=\"mw:File\"><\/span> Barcellona, dal 26 novembre 2018<\/li>\n<li><span typeof=\"mw:File\"><\/span> Belo Horizonte, dal 10 ottobre 1997<\/li>\n<li><span typeof=\"mw:File\"><\/span> Chengdu, dal 15 luglio 2019<\/li>\n<li><span typeof=\"mw:File\"><\/span> Chongqing, dal 1989<\/li>\n<li><span typeof=\"mw:File\"><\/span> Craiova, dal 26 gennaio 2006<\/li>\n<li><span typeof=\"mw:File\"><\/span> Firenze<\/li>\n<li><span typeof=\"mw:File\"><\/span> Hamamatsu, dal 23 aprile 2014<\/li>\n<li><span typeof=\"mw:File\"><\/span> Itabashi, dal 7 luglio 2005<\/li>\n<li><span typeof=\"mw:File\"><\/span> Le Kef, dal 2020<\/li>\n<li><span typeof=\"mw:File\"><\/span> Mekn\u00e8s, dal 2020<\/li>\n<li><span typeof=\"mw:File\"><\/span> Ni\u017enij Novgorod, dall'8 ottobre 1998. Relazioni inattive dal 2001.<\/li>\n<li><span typeof=\"mw:File\"><\/span> Torino<\/li>\n<li><span typeof=\"mw:File\"><\/span> Seongnam, dal 23 novembre 2015<\/li>\n<li><span typeof=\"mw:File\"><\/span> Seul, dal 5 novembre 2013<\/li>\n<li><span typeof=\"mw:File\"><\/span> Siviglia, dal 12 ottobre 2007<\/li><\/ul>\n<h5 data-mw-anchor=\"Sport\">Sport<\/h5>\n\n\n<h5 data-mw-anchor=\"Calcio\">Calcio<\/h5>\n\n<p>Ha sede in citt\u00e0 il Bologna Football Club 1909, sette volte campione d'Italia, vincitore per due volte della Coppa Italia e per tre volte della Coppa dell'Europa Centrale. Nel suo palmar\u00e8s figurano anche una Coppa Intertoto, una Coppa di Lega Italo-Inglese e un Torneo Internazionale dell'Expo Universale di Parigi 1937. Milita in Serie A.\n<\/p>\n<h5 data-mw-anchor=\"Pallacanestro\">Pallacanestro<\/h5>\n<p>A Bologna la pallacanestro \u00e8 uno sport molto radicato. Negli anni novanta la citt\u00e0 si \u00e8 guadagnata l'appellativo di <i>Basket City<\/i> (\"la citt\u00e0 della pallacanestro\") grazie alla contemporanea militanza ai vertici dell'Europa delle due squadre bolognesi: la Virtus, vincitrice di 16 Scudetti e 2 Eurolega-Coppa Campioni, e la Fortitudo, che ha vinto per due volte il campionato italiano.\n<\/p><p>Il basket femminile \u00e8 stato rappresentato ad alti livelli dalla selezione femminile della Virtus che ha militato nella massima serie negli anni 2020, e dalla Libertas Basket Bologna, in Serie A2 dal 1993 al 2015.\n<\/p><p>Nel capoluogo emiliano hanno sede i principali enti che organizzano i campionati di pallacanestro italiani e l'All-Star Game: la Lega Basket e la Lega Nazionale Pallacanestro.\n<\/p>\n<h5 data-mw-anchor=\"Pallavolo\">Pallavolo<\/h5>\n<p>La Zinella Volley ha vinto il campionato italiano nel 1984\/85, la Coppa Italia nel 1983\/84, la Coppa delle Coppe nel 1986\/87 e una Coppa di Lega nel 1985\/86. In seguito viene acquisita dalla societ\u00e0 Pallavolo San Lazzaro, che a sua volta, a inizio 2019, confluisce nella nuova Geetit Pallavolo Bologna insieme ad altre 6 societ\u00e0 del territorio. Nel campionato 2021-2022 milita in serie A3.\n<\/p>\n<h5 data-mw-anchor=\"Baseball\">Baseball<\/h5>\n<p>Bologna vanta una notevole tradizione nel baseball, con diverse squadre che militano o hanno militato nella massima serie italiana, tra cui spicca la Fortitudo Baseball Bologna, vincitrice di 14 scudetti e 6 coppe dei campioni.\n<\/p>\n<h5 data-mw-anchor=\"Sport_motoristici\">Sport motoristici<\/h5>\n<p>Rilevante nell'ambito degli sport motoristici \u00e8 la Ducati Corse, scuderia bolognese di motociclismo, campione in MotoGP nel 2007, 2022, 2023 e 2024.\n<\/p>\n<h5 data-mw-anchor=\"Note\">Note<\/h5>\n\n<h5 data-mw-anchor=\"Bibliografia\">Bibliografia<\/h5>\n<h5 data-mw-anchor=\"Sulla_citt\u00e0\" data-mw-fallback-anchor=\"Sulla_citt.C3.A0\">Sulla citt\u00e0<\/h5>\n<ul><li><cite id=\"CITEREFCatholic_Encyclopedia\" class=\"citation libro\" style=\"font-style:normal\">(<span><abbr title=\"inglese\">EN<\/abbr><\/span>) <span>Bologna<\/span>, in <span>Catholic Encyclopedia<\/span>, New York, Encyclopedia Press, 1913.<\/cite><\/li>\n<li><i>Le torri di Bologna: Quando, come e perch\u00e9.<\/i> Banca Popolare di Milano, 1989.<\/li>\n<li>Matteo Marchesini, <i>Perdersi a Bologna<\/i>, Edizioni Interculturali, 2006, Roma.<\/li>\n<li><cite class=\"citation libro\" style=\"font-style:normal\"> Renato Zangheri, <span>Bologna<\/span>, Laterza, 1986.<\/cite><\/li>\n<li><cite class=\"citation libro\" style=\"font-style:normal\"> Paola Bonora e Pier Luigi Cervellati (a cura di), <span>Per una nuova urbanit\u00e0. Dopo l'alluvione immobiliarista<\/span> (brossura), 1\u00aa\u00a0ed., Reggio Emilia, Diabasis, novembre 2009,  p.\u00a0216, ISBN\u00a0978-88-8103-655-4.<\/cite><\/li>\n<li>Valentina Ridolfi, <i>Bologna 2000 Citt\u00e0 europea della cultura: esperienza positiva e riferimento utile per un sistema culturale dell'Emilia-Romagna<\/i> (Firenze: Alinea, 2006), Quaderni del Circolo Rosselli: 95 n.s., 4, 2006.<\/li><\/ul>\n<h5 data-mw-anchor=\"Sui_teatri_e_sulla_musica\">Sui teatri e sulla musica<\/h5>\n<ul><li><cite class=\"citation libro\" style=\"font-style:normal\"> Corrado Ricci, <span>I teatri di Bologna nei secoli XVII e XVIII<\/span>, Successori Monti, 1888.<\/cite><\/li>\n<li><cite class=\"citation libro\" style=\"font-style:normal\"> Corrado Ricci, <span>I teatri di Bologna nei secoli XVII e XVIII: storia aneddotica<\/span>, A. Forni, 1965.<\/cite><\/li>\n<li>Antonello Lombardi, <i>Bologna. Guida turistica ai luoghi della musica<\/i>, Ut Orpheus Edizioni, 2006. ISBN 88-8109-455-X<\/li><\/ul>\n<h5 data-mw-anchor=\"Voci_correlate\">Voci correlate<\/h5>\n<ul><li>Citt\u00e0 metropolitana di Bologna<\/li>\n<li>Arcidiocesi di Bologna<\/li>\n<li>Universit\u00e0 di Bologna<\/li>\n<li>Costruzioni pi\u00f9 alte della citt\u00e0 di Bologna<\/li>\n<li>Dialetto bolognese<\/li>\n<li>Mura di Bologna<\/li>\n<li>Portici di Bologna<\/li>\n<li>Processo di Bologna<\/li>\n<li>Quartieri di Bologna<\/li>\n<li>Grattacieli di Bologna<\/li>\n<li>Storia di Bologna<\/li>\n<li>Torri di Bologna<\/li>\n<li>Fiera di Bologna<\/li><\/ul>\n<h5 data-mw-anchor=\"Altri_progetti\">Altri progetti<\/h5>\n\n<ul><li><span typeof=\"mw:File\"><\/span> Wikiquote contiene citazioni di o su <b>Bologna<\/b><\/li>\n<li><span typeof=\"mw:File\"><\/span> Wikizionario contiene il lemma di dizionario \u00ab<b>Bologna<\/b>\u00bb<\/li>\n<li><span typeof=\"mw:File\"><\/span> Wikinotizie contiene notizie di attualit\u00e0 su <b>Bologna<\/b><\/li>\n<li><span typeof=\"mw:File\"><\/span> <span>Wikimedia Commons<\/span> contiene immagini o altri file su <b><span>Bologna<\/span><\/b><\/li>\n<li><span typeof=\"mw:File\"><\/span> Wikivoyage contiene informazioni turistiche su <b>Bologna<\/b><\/li><\/ul>\n<h5 data-mw-anchor=\"Collegamenti_esterni\">Collegamenti esterni<\/h5>\n<ul><li class=\"mw-empty-elt\">\n<li><cite class=\"citation web\" style=\"font-style:normal\"> <span>Sito ufficiale<\/span>, su <span>comune.bologna.it<\/span>.<\/cite> <\/li>\n<li><cite id=\"CITEREFTreccani.it\" class=\"citation web\" style=\"font-style:normal\"> <span>Bologna<\/span>, su <span>Treccani.it \u2013 Enciclopedie on line<\/span>, Istituto dell'Enciclopedia Italiana.<\/cite> <\/li>\n<li><cite id=\"CITEREFEnciclopedia_Italiana_1930\" class=\"citation libro\" style=\"font-style:normal\"> Albano Sorbelli, Igino Benvenuto Supino, Carlo Tagliavini, Mario Longhena, Pericle Ducati, Francesco Vatielli, Adelmo Damerini, Carlo Capasso, <span>BOLOGNA<\/span>, in <span>Enciclopedia Italiana<\/span>, Istituto dell'Enciclopedia Italiana, 1930.<\/cite> <\/li>\n<li><cite id=\"CITEREFEnciclopedia_Italiana_1938\" class=\"citation libro\" style=\"font-style:normal\"> Albano Sorbelli, <span>BOLOGNA<\/span>, in <span>Enciclopedia Italiana<\/span>, I Appendice, Istituto dell'Enciclopedia Italiana, 1938.<\/cite> <\/li>\n<li><cite id=\"CITEREFEnciclopedia_Italiana_1948\" class=\"citation libro\" style=\"font-style:normal\"> Lucio Gambi, Emilio Lavagnino, Lucio Gambi, Mario Torsiello, <span>BOLOGNA<\/span>, in <span>Enciclopedia Italiana<\/span>, II Appendice, Istituto dell'Enciclopedia Italiana, 1948.<\/cite> <\/li>\n<li><cite id=\"CITEREFEnciclopedia_Italiana_1961\" class=\"citation libro\" style=\"font-style:normal\"> Leandro Pedrini, <span>BOLOGNA<\/span>, in <span>Enciclopedia Italiana<\/span>, III Appendice, Istituto dell'Enciclopedia Italiana, 1961.<\/cite> <\/li>\n<li><cite id=\"CITEREFEnciclopedia_Italiana_1978\" class=\"citation libro\" style=\"font-style:normal\"> <span>BOLOGNA<\/span>, in <span>Enciclopedia Italiana<\/span>, IV Appendice, Istituto dell'Enciclopedia Italiana, 1978.<\/cite> <\/li>\n<li><cite id=\"CITEREFEnciclopedia_Italiana_1991\" class=\"citation libro\" style=\"font-style:normal\"> Maria Luigia Pagliani, <span>BOLOGNA<\/span>, in <span>Enciclopedia Italiana<\/span>, V Appendice, Istituto dell'Enciclopedia Italiana, 1991.<\/cite> <\/li>\n<li><cite id=\"CITEREFDizionario_di_storia\" class=\"citation libro\" style=\"font-style:normal\"> <span>Bologna<\/span>, in <span>Dizionario di storia<\/span>, Istituto dell'Enciclopedia Italiana, 2010.<\/cite> <\/li>\n<li><cite id=\"CITEREFSapere.it\" class=\"citation web\" style=\"font-style:normal\"> <span>Bol\u00f3gna o Bol\u00f2gna (citt\u00e0)<\/span>, su <span>sapere.it<\/span>, De Agostini.<\/cite> <\/li>\n<li><cite id=\"CITEREFDSS\" class=\"citation web\" style=\"font-style:normal\">(<span><abbr title=\"italiano\">IT<\/abbr>,\u00a0<abbr title=\"tedesco\">DE<\/abbr>,\u00a0<abbr title=\"francese\">FR<\/abbr><\/span>) <span>Bologna<\/span>, su <span>hls-dhs-dss.ch<\/span>, Dizionario storico della Svizzera.<\/cite> <\/li>\n<li><cite id=\"CITEREFBritannica.com\" class=\"citation web\" style=\"font-style:normal\">(<span><abbr title=\"inglese\">EN<\/abbr><\/span>) <span>Bologna<\/span>, su <span>Enciclopedia Britannica<\/span>, Encyclop\u00e6dia Britannica, Inc.<\/cite> <\/li>\n<li><cite id=\"CITEREFJewish_Encyclopedia\" class=\"citation libro\" style=\"font-style:normal\">(<span><abbr title=\"inglese\">EN<\/abbr><\/span>) <span>Bologna<\/span>, in <span>Jewish Encyclopedia<\/span>, Funk and Wagnalls.<\/cite> <\/li>\n<li><cite id=\"CITEREFCatholic_Encyclopedia\" class=\"citation libro\" style=\"font-style:normal\">(<span><abbr title=\"inglese\">EN<\/abbr><\/span>) <span>Bologna<\/span>, in <span>Catholic Encyclopedia<\/span>, Robert Appleton Company.<\/cite> <\/li>\n<li><cite class=\"citation web\" style=\"font-style:normal\"> <span>Storia e Memoria di Bologna<\/span>, su <span>storiaememoriadibologna.it<\/span>.<\/cite><\/li><\/ul> <!-- Testo formattato della descrizione -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n\r\n            #comune-descrizione-popup {\r\n                right: 40px;\r\n                width: 500px;\r\n            }\r\n        \r\n        @media screen and (max-width: 600px) {\r\n            #comune-descrizione-popup {\r\n                right: 40px;\r\n                width: 80%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script type=\"text\/javascript\">\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            var button = document.getElementById('comune-descrizione-button');\r\n            var popup = document.getElementById('comune-descrizione-popup');\r\n\r\n            \/\/ Mostra o nasconde il popup quando si clicca sul pulsante\r\n            button.addEventListener('click', function () {\r\n                if (popup.style.display === 'none' || popup.style.display === '') {\r\n                    popup.style.display = 'block';\r\n                } else {\r\n                    popup.style.display = 'none';\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n    \r\n        <div id=\"osgr-logo\" style=\"position: absolute; z-index: 500;\">\r\n    <a href=\"https:\/\/geocityx.com\" target=\"_blank\">\r\n        <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/logo_geocityx.jpg\" alt=\"GeocityX Logo\">\r\n    <\/a>\r\n<\/div>\r\n<style>\r\n\/* Logo piccolo: desktop *\/\r\n@media only screen and (min-width: 601px) {\r\n    #osgr-logo {\r\n        bottom: 70px;\r\n        right: 10px;\r\n        width: 130px;\r\n    }\r\n}\r\n\r\n\/* Logo piccolo: mobile *\/\r\n@media only screen and (max-width: 600px) {\r\n    #osgr-logo {\r\n        bottom: 70px;\r\n        right: 10px;\r\n        width: 130px;\r\n    }\r\n}\r\n<\/style>\r\n        <div id=\"osgr-main-logo\"\r\n    style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 499; max-width: 50%; opacity: 0.3; pointer-events: none;\">\r\n    <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/geocityx_imm_principale.png\" alt=\"GeocityX Main Logo\">\r\n<\/div>\r\n            <div id=\"osgr-texture\"><\/div>\r\n\r\n    <style>\r\n        #osgr-texture {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none; \/* Permette di interagire con la mappa sotto *\/\r\n            background-image: url('https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/images\/logo_geocityx_text_white.png');\r\n            background-repeat: repeat;\r\n            background-size: auto; \/* Mantiene le proporzioni originali *\/\r\n            opacity: 0.09; \/* Imposta l'opacit\u00e0 della texture *\/\r\n            z-index: 400; \/* Assicura che sia sopra la mappa *\/\r\n            background-position: 0 0; \/* Imposta la partenza della texture *\/\r\n        }\r\n\r\n        \/* Aggiungiamo un gap di 300px tra le immagini *\/\r\n        #osgr-texture {\r\n            background-size: 300px auto; \/* Mantiene le proporzioni e aggiunge un gap in orizzontale *\/\r\n            background-position: 0 0; \/* Imposta il gap in verticale *\/\r\n        }\r\n\r\n    <\/style>\r\n\r\n            <!-- osgr_fedd() -->\r\n    <\/div>\r\n<\/div>\r\n<div id=\"raccomandazioni-privacy\">\r\n    <span>\r\n        Utilizzare la <strong>modalit\u00e0 schermo intero <i class=\"fas fa-expand\"><\/i><\/strong> e\r\n        abilita la <strong>geolocalizzazione<\/strong>. Rispetta la <strong>privacy<\/strong> altrui e\r\n        <strong>non condividere informazioni sensibili<\/strong>.\r\n    <\/span>\r\n<\/div>\r\n<!-- Icona info -->\r\n<div id=\"info-icon\" title=\"Istruzioni\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n        viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\" class=\"feather feather-info\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n        <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line>\r\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"8\"><\/line>\r\n    <\/svg><\/div>\r\n\r\n\r\n<!-- Overlay e Popup -->\r\n<div id=\"instructions-overlay\"><\/div>\r\n<div id=\"instructions-popup\">\r\n    <button id=\"close-popup\">Chiudi<\/button>\r\n    <h2>Istruzioni<\/h2>\r\n\r\n    <p class=\"expandable\">Aggiungere una Segnalazione<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Effettua il Login<\/strong>: Assicurati di essere autenticato nel sistema per poter aggiungere\r\n                una segnalazione.<\/li>\r\n            <li><strong>Seleziona la Posizione<\/strong>: Fai <strong>doppio clic<\/strong> sulla mappa nel punto esatto\r\n                in cui desideri effettuare la segnalazione.<\/li>\r\n            <li><strong>Compila il Modulo<\/strong>:\r\n                <ul>\r\n                    <li><strong>Tipo di Segnalazione<\/strong>: Seleziona il tipo appropriato dal menu a tendina.<\/li>\r\n                    <li><strong>Evento a Tempo<\/strong>: Se la segnalazione riguarda un evento temporaneo, seleziona la\r\n                        casella \"Evento a tempo\" e inserisci le date e gli orari di inizio e fine.<\/li>\r\n                    <li><strong>Descrizione<\/strong>: Fornisci una descrizione dettagliata della segnalazione.<\/li>\r\n                    <li><strong>Immagine<\/strong>: Puoi caricare un'immagine correlata alla segnalazione (opzionale).\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/li>\r\n            <li><strong>Invia<\/strong>: Clicca sul pulsante \"Invia\" per sottomettere la segnalazione.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Visualizzare le Segnalazioni<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Filtraggio<\/strong>: Utilizza la <strong>legenda<\/strong> a destra per selezionare i tipi di\r\n                segnalazioni che desideri visualizzare sulla mappa.<\/li>\r\n            <li><strong>Dettagli<\/strong>: Clicca su un segnaposto (marker) sulla mappa per visualizzare i dettagli\r\n                della segnalazione, inclusa la descrizione e le eventuali immagini.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Interagire con le Segnalazioni<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Leggere le Risposte<\/strong>: Nel popup della segnalazione, scorri verso il basso per leggere le\r\n                risposte gi\u00e0 presenti.<\/li>\r\n            <li><strong>Aggiungere una Risposta<\/strong>:\r\n                <ul>\r\n                    <li>Scrivi la tua risposta nel campo dedicato.<\/li>\r\n                    <li>Puoi allegare un'immagine alla tua risposta (opzionale).<\/li>\r\n                    <li>Clicca su <strong>\"Invia\"<\/strong> per pubblicare la tua risposta.<\/li>\r\n                <\/ul>\r\n            <\/li>\r\n            <li><strong>Condivisione<\/strong>:\r\n                <ul>\r\n                    <li>Utilizza i pulsanti di condivisione per condividere la segnalazione su\r\n                        <strong>WhatsApp<\/strong>, <strong>Facebook<\/strong> o ottenere un link diretto.\r\n                    <\/li>\r\n                    <li>Puoi anche visualizzare la posizione su <strong>Google Maps<\/strong> o ottenere indicazioni\r\n                        stradali.<\/li>\r\n                <\/ul>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\r\n    \r\n\r\n    <p class=\"expandable\">Visualizzare le Tue Segnalazioni<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li>Accedi alla sezione <strong>\"Tue segnalazioni \ud83d\udc68\"<\/strong> per visualizzare tutte le segnalazioni che\r\n                hai inviato e le relative risposte.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Utilizzare la Geolocalizzazione<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Attiva la Geolocalizzazione<\/strong>: Per un'esperienza ottimale, consenti al browser o all'app\r\n                di accedere alla tua posizione.<\/li>\r\n            <li><strong>Visualizzare la Tua Posizione<\/strong>: La tua posizione sar\u00e0 indicata sulla mappa con un\r\n                segnaposto speciale.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Selezionare il Tipo di Mappa<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Cambiare Visualizzazione<\/strong>: Utilizza i pulsanti in basso per selezionare il tipo di mappa\r\n                preferito:\r\n                <ul>\r\n                    <li><strong>Mappa Stradale<\/strong><\/li>\r\n                    <li><strong>Mappa Stradale Bianca<\/strong><\/li>\r\n                    <li><strong>Mappa Catastale<\/strong><\/li>\r\n                    <li><strong>Mappa Satellitare<\/strong><\/li>\r\n                <\/ul>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Gestione Raccolta Rifiuti e Mappe Tematiche<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Raccolta Rifiuti<\/strong>: I rifiuti compaiono solo nei giorni in cui \u00e8 impostata la raccolta\r\n                nel comune.<\/li>\r\n            <li><strong>Planimetria Catastale<\/strong>: Questa mappa \u00e8 sempre disponibile e pu\u00f2 essere attivata o\r\n                disattivata tramite il relativo pulsante.<\/li>\r\n            <li><strong>Mappe Tematiche<\/strong>: Se sono disponibili mappe tematiche aggiuntive, puoi attivarle dalla\r\n                sezione delle mappe. Usa il pulsante laterale per scegliere la mappa da visualizzare.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Copiare le Coordinate<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Copia Rapida<\/strong>: Fai <strong>clic destro<\/strong> su un punto qualsiasi della mappa per\r\n                ottenere le coordinate esatte.<\/li>\r\n            <li><strong>Copia negli Appunti<\/strong>: Clicca sull'icona <strong>\ud83d\udccb<\/strong> nel popup per copiare le\r\n                coordinate e condividerle o utilizzarle altrove.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Ricerca di Localit\u00e0<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Utilizza la Barra di Ricerca<\/strong>: Inserisci l'indirizzo o il nome di un luogo nella barra\r\n                di ricerca in alto per navigare rapidamente sulla mappa.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <p class=\"expandable\">Note Importanti<\/p>\r\n    <div class=\"content\">\r\n        <ul>\r\n            <li><strong>Privacy<\/strong>: Il tuo nome sar\u00e0 visibile a tutti gli utenti. Assicurati di rispettare la\r\n                privacy degli altri e di non condividere informazioni sensibili.<\/li>\r\n            <li><strong>Supporto<\/strong>: Se hai bisogno di assistenza o ulteriori informazioni, contatta il supporto\r\n                tecnico.<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Funzione per mostrare il popup\r\ndocument.getElementById('info-icon').addEventListener('click', function() {\r\n    document.getElementById('instructions-popup').style.display = 'block';\r\n    document.getElementById('instructions-overlay').style.display = 'block';\r\n});\r\n\r\n\/\/ Funzione per chiudere il popup\r\ndocument.getElementById('close-popup').addEventListener('click', function() {\r\n    document.getElementById('instructions-popup').style.display = 'none';\r\n    document.getElementById('instructions-overlay').style.display = 'none';\r\n});\r\n\r\n\/\/ Chiudi popup cliccando sull'overlay\r\ndocument.getElementById('instructions-overlay').addEventListener('click', function() {\r\n    document.getElementById('instructions-popup').style.display = 'none';\r\n    document.getElementById('instructions-overlay').style.display = 'none';\r\n});\r\n\r\n\/\/ Funzione per gestire l'espansione\/collasso delle sezioni\r\ndocument.querySelectorAll('.expandable').forEach(function(header) {\r\n    header.addEventListener('click', function() {\r\n        this.classList.toggle('expanded');\r\n    });\r\n});\r\n<\/script>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    if (typeof L === 'undefined' || typeof L.Control.Draw === 'undefined') {\r\n        console.error('Leaflet o Leaflet Draw non sono stati caricati correttamente.');\r\n        return;\r\n    }\r\n\r\n    \/\/ Decodifica dei link WMS\r\n    const wmsLinks = {\"1\":{\"name\":\"Strutture Antropiche\",\"link\":\"https:\\\/\\\/sinacloud.isprambiente.it\\\/arcgisgeo\\\/services\\\/servizi\\\/Antropico25k\\\/MapServer\\\/WmsServer\",\"legend\":\"https:\\\/\\\/pugliacon.regione.puglia.it\\\/documents\\\/89280\\\/169839\\\/Legenda_Carta_Idrogeomorfologica.jpg\",\"projection\":\"EPSG:4326\",\"layers\":\"0,1,2,3,4\",\"format\":\"image\\\/png\",\"transparent\":\"1\",\"opacity\":1,\"version\":\"1.3.0\",\"attribution\":\"\\u00a9ISPRAambiente\"},\"2\":{\"name\":\"Localit\\u00e0 interesse\",\"link\":\"https:\\\/\\\/sgi2.isprambiente.it\\\/arcgis\\\/services\\\/servizi\\\/carta_geologica_100k\\\/MapServer\\\/WmsServer\",\"legend\":\"https:\\\/\\\/pugliacon.regione.puglia.it\\\/documents\\\/89280\\\/169839\\\/Legenda_Carta_Idrogeomorfologica.jpg\",\"projection\":\"EPSG:4326\",\"layers\":\"1,2,3,4,5,6,7,8,9,10,11,12,13,14\",\"format\":\"image\\\/png\",\"transparent\":\"1\",\"opacity\":0.6,\"version\":\"1.3.0\",\"attribution\":\"\\u00a9mase.gov.it\"},\"3\":{\"name\":\"Unit\\u00e0 Geologiche\\t\",\"link\":\"https:\\\/\\\/sgi2.isprambiente.it\\\/arcgis\\\/services\\\/servizi\\\/cartageologica1M\\\/MapServer\\\/WmsServer\",\"legend\":\"https:\\\/\\\/sgi2.isprambiente.it\\\/arcgis\\\/services\\\/servizi\\\/cartageologica1M\\\/MapServer\\\/WmsServer?request=GetLegendGraphic%26version=1.3.0%26format=image\\\/png%26layer=1\",\"projection\":\"EPSG:4326\",\"layers\":\"1,2,3,4,5\",\"format\":\"image\\\/png\",\"transparent\":\"1\",\"opacity\":0.6,\"version\":\"1.3.0\",\"attribution\":\"\\u00a9mase.gov.it\"}};\r\n    if (Array.isArray(wmsLinks) && wmsLinks.length > 0) {\r\n        wmsLinks.forEach(link => {\r\n            if (link.link) link.link = decodeURIComponent(link.link);\r\n            if (link.format) link.format = decodeURIComponent(link.format);\r\n            if (link.opacity) link.opacity = parseFloat(link.opacity.replace(',', '.'));\r\n            if (link.projection) link.projection = decodeURIComponent(link.projection);\r\n        });\r\n    }\r\n\r\n    \/\/ Inizializza la mappa\r\n    osgr_initialize_map(\r\n        {\"lat\":\"44.49\",\"lng\":\"11.33\",\"map_zoom\":\"12\",\"map_min_zoom\":\"11\",\"map_max_zoom\":\"22\",\"api_key_weather\":\"2f9b2b0acd9558971e22c8a4f6911534\",\"check_api_key_weather\":\"true\"}, \/\/ Parametri mappa (lat, lng, zoom, ecc.)\r\n        [{\"id\":\"129\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"5\",\"mappa_type\":\"Eventi\",\"report_type\":\"Teatro\",\"report_title\":\"Emozioni in scena\",\"report_gradimento\":\"44\",\"description\":\"Gli spettacoli teatrali offrono un\\u2019esperienza coinvolgente e di alta qualit\\u00e0, perfetti per tutte le et\\u00e0.\",\"latitude\":\"44.501888\",\"longitude\":\"11.345787\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"vincenzo\",\"status\":\"closed\",\"report_date\":\"2022-09-15 02:09:58\",\"images_url\":\"\"},{\"id\":\"132\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"3\",\"mappa_type\":\"Eventi\",\"report_type\":\"Feste e sagre\",\"report_title\":\"Celebrazione perfetta\",\"report_gradimento\":\"2\",\"description\":\"Un evento che unisce sapori autentici, musica coinvolgente e la calorosa accoglienza della comunit\\u00e0.\",\"latitude\":\"44.503780\",\"longitude\":\"11.365013\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"vincenzo\",\"status\":\"open\",\"report_date\":\"2024-09-06 16:52:55\",\"images_url\":\"\"},{\"id\":\"135\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Segnalazioni\",\"report_type\":\"Rifiuti\",\"report_title\":\"Quartiere curato\",\"report_gradimento\":\"55\",\"description\":\"Il quartiere \\u00e8 sempre ben tenuto e ordinato, con un\\u2019attenzione speciale alla pulizia urbana.\",\"latitude\":\"44.455307\",\"longitude\":\"11.319008\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"processing\",\"report_date\":\"2022-09-15 02:59:56\",\"images_url\":\"\"},{\"id\":\"138\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"5\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"Un capolavoro architettonico\",\"report_gradimento\":\"4\",\"description\":\"La chiesa \\u00e8 un esempio magnifico di architettura locale, un luogo che incanta per la sua bellezza e serenit\\u00e0.\",\"latitude\":\"44.501392\",\"longitude\":\"11.313515\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"vincenzo\",\"status\":\"open\",\"report_date\":\"2024-09-06 16:52:55\",\"images_url\":\"\"},{\"id\":\"142\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"Atmosfera unica\",\"report_gradimento\":\"3\",\"description\":\"Visitare questa chiesa \\u00e8 un\\u2019esperienza che arricchisce l\\u2019anima, con dettagli storici affascinanti e un\\u2019atmosfera rilassante.\",\"latitude\":\"44.486923\",\"longitude\":\"11.314716\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2024-09-06 16:52:55\",\"images_url\":\"\"},{\"id\":\"143\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"12\",\"mappa_type\":\"Eventi\",\"report_type\":\"Cinema\",\"report_title\":\"Cinema sotto le stelle\",\"report_gradimento\":\"4\",\"description\":\"Le proiezioni all\\u2019aperto sono magiche! Una combinazione perfetta tra cinema e natura.\",\"latitude\":\"44.513611\",\"longitude\":\"11.406898\",\"start_date\":\"2024-09-06 04:27:00\",\"end_date\":\"2024-09-27 04:27:00\",\"reporter_name\":\"Antonio B.\",\"status\":\"closed\",\"report_date\":\"2024-09-15 04:27:09\",\"images_url\":\"\"},{\"id\":\"144\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Punti Panoramici\",\"report_title\":\"Un panorama mozzafiato\",\"report_gradimento\":\"0\",\"description\":\"La vista da questo punto panoramico \\u00e8 semplicemente spettacolare, un\\u2019esperienza che lascia senza fiato.\",\"latitude\":\"44.487747\",\"longitude\":\"11.339617\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2022-09-14 02:41:51\",\"images_url\":\"\"},{\"id\":\"153\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"Un luogo da scoprire\",\"report_gradimento\":\"33\",\"description\":\"Questa chiesa \\u00e8 un gioiello nascosto, con interni ricchi di dettagli artistici che raccontano la storia del territorio.\",\"latitude\":\"44.491589\",\"longitude\":\"11.399345\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2024-08-16 00:47:56\",\"images_url\":\"\"},{\"id\":\"154\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Eventi\",\"report_type\":\"Feste e sagre\",\"report_title\":\"Un\\u2019esperienza da non perdere\",\"report_gradimento\":\"1\",\"description\":\"La festa \\u00e8 un\\u2019esplosione di colori, sapori e musica che conquista tutti i partecipanti.\",\"latitude\":\"44.450901\",\"longitude\":\"11.316948\",\"start_date\":\"2024-09-05 01:07:00\",\"end_date\":\"2024-09-21 01:07:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2023-08-06 16:52:55\",\"images_url\":\"\"},{\"id\":\"156\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"14\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"Tradizione e cultura in armonia\",\"report_gradimento\":\"0\",\"description\":\"Un luogo che trasmette pace e storia, perfetto per chi cerca momenti di riflessione e bellezza.\",\"latitude\":\"44.506985\",\"longitude\":\"11.305888\",\"start_date\":\"2024-09-16 20:00:00\",\"end_date\":\"2024-09-20 20:00:00\",\"reporter_name\":\"Antonio Casagrande\",\"status\":\"processing\",\"report_date\":\"2024-08-06 16:52:55\",\"images_url\":\"\"},{\"id\":\"160\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"15\",\"mappa_type\":\"Eventi\",\"report_type\":\"Feste e sagre\",\"report_title\":\"Un evento indimenticabile\",\"report_gradimento\":\"222\",\"description\":\"Una celebrazione che unisce persone di tutte le et\\u00e0 in un\\u2019atmosfera di festa e gioia.\",\"latitude\":\"44.493305\",\"longitude\":\"11.345959\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2024-09-17 13:25:40\",\"images_url\":\"\"},{\"id\":\"162\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"15\",\"mappa_type\":\"Segnalazioni\",\"report_type\":\"Illuminazione\",\"report_title\":\"Illuminazione eccellente\",\"report_gradimento\":\"2\",\"description\":\"Le strade sono perfettamente illuminate, creando un ambiente sicuro e accogliente di sera.\",\"latitude\":\"44.511883\",\"longitude\":\"11.358318\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo rubino\",\"status\":\"open\",\"report_date\":\"2024-09-18 19:59:33\",\"images_url\":\"\"},{\"id\":\"163\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"15\",\"mappa_type\":\"bellezze\",\"report_type\":\"Teatri\",\"report_title\":\"Un gioiello culturale\",\"report_gradimento\":\"35\",\"description\":\"Il teatro \\u00e8 un luogo magnifico con una programmazione varia, anche se alcune sedute potrebbero essere pi\\u00f9 comode.\",\"latitude\":\"44.485382\",\"longitude\":\"11.339481\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo rubino\",\"status\":\"open\",\"report_date\":\"2024-09-18 22:09:59\",\"images_url\":\"\"},{\"id\":\"177\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"15\",\"mappa_type\":\"bellezze\",\"report_type\":\"Teatri\",\"report_title\":\"Atmosfera elegante\",\"report_gradimento\":\"12\",\"description\":\"L\\u2019atmosfera di questo teatro \\u00e8 unica, ma il sistema di prenotazione online potrebbe essere pi\\u00f9 intuitivo.\",\"latitude\":\"44.521767\",\"longitude\":\"11.383208\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo rubino\",\"status\":\"processing\",\"report_date\":\"2024-09-19 01:12:06\",\"images_url\":\"\"},{\"id\":\"184\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Punti Panoramici\",\"report_title\":\"Vista spettacolare\",\"report_gradimento\":\"44\",\"description\":\"Un punto panoramico che lascia senza fiato, perfetto per scattare foto memorabili.\",\"latitude\":\"44.490440\",\"longitude\":\"11.379433\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo rubino\",\"status\":\"closed\",\"report_date\":\"2024-09-14 02:41:51\",\"images_url\":\"\"},{\"id\":\"190\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"19\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"Un luogo di pace\",\"report_gradimento\":\"24\",\"description\":\"La chiesa \\u00e8 bellissima e ben mantenuta, ma sarebbe utile un servizio di visita guidata per i turisti.\",\"latitude\":\"44.455647\",\"longitude\":\"11.301842\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2024-09-10 16:52:55\",\"images_url\":\"\"},{\"id\":\"191\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Segnalazioni\",\"report_type\":\"Rifiuti\",\"report_title\":\"Problemi di pulizia urbana\",\"report_gradimento\":\"37\",\"description\":\"Nonostante l\\u2019impegno, ci sono ancora accumuli di rifiuti in alcune aree, specialmente durante i fine settimana.\",\"latitude\":\"44.475235\",\"longitude\":\"11.366386\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"peppe barletta\",\"status\":\"open\",\"report_date\":\"2023-08-21 13:46:43\",\"images_url\":\"\"},{\"id\":\"202\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Segnalazioni\",\"report_type\":\"Rifiuti\",\"report_title\":\"Raccolta efficace\",\"report_gradimento\":\"45\",\"description\":\"La raccolta differenziata funziona molto bene in questa zona, contribuendo a mantenere l\\u2019ambiente pulito.\",\"latitude\":\"44.470680\",\"longitude\":\"11.321926\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"inappropriate\",\"report_date\":\"2023-09-14 02:41:51\",\"images_url\":\"\"},{\"id\":\"212\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Eventi\",\"report_type\":\"Culturali\",\"report_title\":\"Un arricchimento per la comunit\\u00e0\",\"report_gradimento\":\"223\",\"description\":\"Gli eventi culturali qui organizzati sono sempre straordinari e riescono a coinvolgere tutta la comunit\\u00e0.\",\"latitude\":\"44.525513\",\"longitude\":\"11.320038\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2024-09-22 03:07:43\",\"images_url\":\"\"},{\"id\":\"213\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"20\",\"mappa_type\":\"Segnalazioni\",\"report_type\":\"Incendi\",\"report_title\":\"Risposta rapida alle emergenze\",\"report_gradimento\":\"78\",\"description\":\"Le squadre di intervento agiscono con rapidit\\u00e0 ed efficienza, garantendo la sicurezza del territorio.\",\"latitude\":\"44.483559\",\"longitude\":\"11.305275\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"closed\",\"report_date\":\"2024-09-23 00:24:23\",\"images_url\":\"\"},{\"id\":\"215\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"24\",\"mappa_type\":\"Eventi\",\"report_type\":\"Sportivi\",\"report_title\":\"Attivit\\u00e0 coinvolgenti\",\"report_gradimento\":\"33\",\"description\":\"Gli eventi sportivi sono organizzati alla perfezione e riescono a coinvolgere partecipanti di tutte le et\\u00e0.\",\"latitude\":\"44.511810\",\"longitude\":\"11.350373\",\"start_date\":\"2024-09-23 01:24:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"peppe barletta\",\"status\":\"open\",\"report_date\":\"2024-09-23 01:24:35\",\"images_url\":\"\"},{\"id\":\"216\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Punti Panoramici\",\"report_title\":\"Bellezze naturali\",\"report_gradimento\":\"23\",\"description\":\"Questo punto panoramico \\u00e8 incredibile, ma il percorso potrebbe essere migliorato per renderlo pi\\u00f9 accessibile a tutti.\",\"latitude\":\"44.524792\",\"longitude\":\"11.337810\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"peppe barletta\",\"status\":\"open\",\"report_date\":\"2024-09-27 03:53:11\",\"images_url\":\"\"},{\"id\":\"217\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Segnalazioni\",\"report_type\":\"Viabilit\\u00e0 e parcheggi\",\"report_title\":\"Ottima organizzazione\",\"report_gradimento\":\"66\",\"description\":\"Viabilit\\u00e0 e parcheggi sono ben organizzati, facilitando gli spostamenti anche nelle ore di punta.\",\"latitude\":\"44.523949\",\"longitude\":\"11.289654\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2024-09-27 05:05:15\",\"images_url\":\"\"},{\"id\":\"341\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"gdfgdf\",\"report_gradimento\":\"0\",\"description\":\"gdfg\",\"latitude\":\"44.500614\",\"longitude\":\"11.336136\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"processing\",\"report_date\":\"2024-12-01 02:51:11\",\"images_url\":null},{\"id\":\"342\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"dasdas\",\"report_gradimento\":\"0\",\"description\":\"dasdasdasd\",\"latitude\":\"44.497128\",\"longitude\":\"11.327515\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"processing\",\"report_date\":\"2024-12-01 03:39:53\",\"images_url\":null},{\"id\":\"343\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Eventi\",\"report_type\":\"Feste e sagre\",\"report_title\":\"Dhdjej\",\"report_gradimento\":\"0\",\"description\":\"Shddbeb\",\"latitude\":\"44.489594\",\"longitude\":\"11.345332\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"closed\",\"report_date\":\"2024-12-09 17:52:59\",\"images_url\":null},{\"id\":\"344\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"46\",\"mappa_type\":\"bellezze\",\"report_type\":\"Teatri\",\"report_title\":\"Prova di titolo\",\"report_gradimento\":\"1\",\"description\":\"jluygolygfoyu\",\"latitude\":\"44.486820\",\"longitude\":\"11.361408\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"cuttalo\",\"status\":\"open\",\"report_date\":\"2024-12-10 10:28:39\",\"images_url\":\"https:\\\/\\\/geocityx.com\\\/wp-content\\\/uploads\\\/img-luoghi\\\/document_image (5)-1733822919.png\"},{\"id\":\"345\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"47\",\"mappa_type\":\"Segnalazioni\",\"report_type\":\"Buche\",\"report_title\":\"Buche\",\"report_gradimento\":\"0\",\"description\":\"Sono un\",\"latitude\":\"44.488949\",\"longitude\":\"11.366256\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"vincenzo rubino11\",\"status\":\"open\",\"report_date\":\"2024-12-10 14:10:27\",\"images_url\":null},{\"id\":\"364\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Chiese\",\"report_title\":\"vxcvxcv\",\"report_gradimento\":\"0\",\"description\":\"vcxx\",\"latitude\":\"44.506027\",\"longitude\":\"11.282883\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"processing\",\"report_date\":\"2025-01-04 06:09:42\",\"images_url\":null},{\"id\":\"371\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"Eventi\",\"report_type\":\"Altri Eventi\",\"report_title\":\"Concerto di Capodanno\",\"report_gradimento\":\"0\",\"description\":\"Concerto bellissimo!\",\"latitude\":\"44.472168\",\"longitude\":\"11.353168\",\"start_date\":\"2024-12-31 20:28:00\",\"end_date\":\"2025-01-01 05:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"open\",\"report_date\":\"2025-01-07 01:29:13\",\"images_url\":null},{\"id\":\"374\",\"site_url\":\"https:\\\/\\\/geocityx.com\",\"user_id\":\"1\",\"mappa_type\":\"bellezze\",\"report_type\":\"Teatri\",\"report_title\":\"dasdasdsa\",\"report_gradimento\":\"0\",\"description\":\"fgfdsgds\",\"latitude\":\"44.488495\",\"longitude\":\"11.335884\",\"start_date\":\"0000-00-00 00:00:00\",\"end_date\":\"0000-00-00 00:00:00\",\"reporter_name\":\"Vincenzo R.\",\"status\":\"closed\",\"report_date\":\"2025-03-21 14:40:46\",\"images_url\":\"https:\\\/\\\/geocityx.com\\\/wp-content\\\/uploads\\\/img-luoghi\\\/WhatsApp Image 2025-03-17 at 18.39.15-1742564446.jpeg\"}], \/\/ Elenco segnalazioni\r\n        [{\"map_type\":\"bellezze\",\"name\":\"Chiese\",\"color\":\"#26ad00\",\"email\":\"vincenzo.rubino@hotmail.it\",\"icon\":\"fa fa-church\"},{\"map_type\":\"bellezze\",\"name\":\"Parchi\",\"color\":\"#26ad00\",\"email\":\"vincenzo.rubino@hotmail.it\",\"icon\":\"fa fa-tree\"},{\"map_type\":\"bellezze\",\"name\":\"Teatri\",\"color\":\"#26ad00\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa fa-masks-theater\"},{\"map_type\":\"bellezze\",\"name\":\"Punti Panoramici\",\"color\":\"#26ad00\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa fa-street-view\"},{\"map_type\":\"bellezze\",\"name\":\"Archeologia\",\"color\":\"#26ad00\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-archway\"},{\"map_type\":\"bellezze\",\"name\":\"Masserie\",\"color\":\"#26ad00\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa fa-anchor-circle-exclamation\"},{\"map_type\":\"bellezze\",\"name\":\"Altre Bellezze\",\"color\":\"#01b741\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-plus\"},{\"map_type\":\"Eventi\",\"name\":\"Cinema\",\"color\":\"#ff0fdf\",\"email\":\"vincenzo.rubino@hotmail.it\",\"icon\":\"fa-solid fa-film\"},{\"map_type\":\"Eventi\",\"name\":\"Teatro\",\"color\":\"#ff0fdf\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa fa-masks-theater\"},{\"map_type\":\"Eventi\",\"name\":\"Feste e sagre\",\"color\":\"#ff0fdf\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-champagne-glasses\"},{\"map_type\":\"Eventi\",\"name\":\"Culturali\",\"color\":\"#ff0fdf\",\"email\":\"info@stencilvector.com\",\"icon\":\"fa-solid fa-book\"},{\"map_type\":\"Eventi\",\"name\":\"Musica\",\"color\":\"#ff00c8\",\"email\":\"info@stencilvector.com\",\"icon\":\"fa-solid fa-music\"},{\"map_type\":\"Eventi\",\"name\":\"Sportivi\",\"color\":\"#ff0fdf\",\"email\":\"info@stencilvector.com\",\"icon\":\"fa-solid fa-volleyball\"},{\"map_type\":\"Eventi\",\"name\":\"Altri Eventi\",\"color\":\"#ff0fdf\",\"email\":\"info@stencilvector.com\",\"icon\":\"fa-solid fa-plus\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Rifiuti\",\"color\":\"#ff0000\",\"email\":\"vincenzo.rubino@hotmail.it\",\"icon\":\"fa-solid fa-trash-can\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Buche\",\"color\":\"#ff0000\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-road\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Illuminazione\",\"color\":\"#ff0000\",\"email\":\"info@stencilvector.com\",\"icon\":\"fa-solid fa-lightbulb\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Viabilit\\u00e0 e parcheggi\",\"color\":\"#ff0000\",\"email\":\"info@stencilvector.com\",\"icon\":\"fa-solid fa-car\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Incendi\",\"color\":\"#ff000d\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-fire\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Acque\",\"color\":\"#ff0000\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-faucet\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Aria\",\"color\":\"#ff0000\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-wind\"},{\"map_type\":\"Segnalazioni\",\"name\":\"Altre segnalazioni\",\"color\":\"#ff0000\",\"email\":\"cuttalosrl@gmail.com\",\"icon\":\"fa-solid fa-plus\"}], \/\/ Tipologie di report (con colore)\r\n        {\"Chiese\":\"fa fa-church\",\"Parchi\":\"fa fa-tree\",\"Teatri\":\"fa fa-masks-theater\",\"Punti Panoramici\":\"fa fa-street-view\",\"Archeologia\":\"fa-solid fa-archway\",\"Masserie\":\"fa fa-anchor-circle-exclamation\",\"Altre Bellezze\":\"fa-solid fa-plus\",\"Cinema\":\"fa-solid fa-film\",\"Teatro\":\"fa fa-masks-theater\",\"Feste e sagre\":\"fa-solid fa-champagne-glasses\",\"Culturali\":\"fa-solid fa-book\",\"Musica\":\"fa-solid fa-music\",\"Sportivi\":\"fa-solid fa-volleyball\",\"Altri Eventi\":\"fa-solid fa-plus\",\"Rifiuti\":\"fa-solid fa-trash-can\",\"Buche\":\"fa-solid fa-road\",\"Illuminazione\":\"fa-solid fa-lightbulb\",\"Viabilit\\u00e0 e parcheggi\":\"fa-solid fa-car\",\"Incendi\":\"fa-solid fa-fire\",\"Acque\":\"fa-solid fa-faucet\",\"Aria\":\"fa-solid fa-wind\",\"Altre segnalazioni\":\"fa-solid fa-plus\"}, \/\/ Mappa \"report_type\" => \"icona\"\r\n        'https:\/\/geocityx.com\/wp-content\/plugins\/00COMUNE1\/maps\/map-geocityx.geojson', \/\/ GeoJSON \"territorio\"\r\n        false, \/\/ true\/false se admin\r\n        {\"1\":{\"name\":\"Strutture Antropiche\",\"link\":\"https:\\\/\\\/sinacloud.isprambiente.it\\\/arcgisgeo\\\/services\\\/servizi\\\/Antropico25k\\\/MapServer\\\/WmsServer\",\"legend\":\"https:\\\/\\\/pugliacon.regione.puglia.it\\\/documents\\\/89280\\\/169839\\\/Legenda_Carta_Idrogeomorfologica.jpg\",\"projection\":\"EPSG:4326\",\"layers\":\"0,1,2,3,4\",\"format\":\"image\\\/png\",\"transparent\":\"1\",\"opacity\":1,\"version\":\"1.3.0\",\"attribution\":\"\\u00a9ISPRAambiente\"},\"2\":{\"name\":\"Localit\\u00e0 interesse\",\"link\":\"https:\\\/\\\/sgi2.isprambiente.it\\\/arcgis\\\/services\\\/servizi\\\/carta_geologica_100k\\\/MapServer\\\/WmsServer\",\"legend\":\"https:\\\/\\\/pugliacon.regione.puglia.it\\\/documents\\\/89280\\\/169839\\\/Legenda_Carta_Idrogeomorfologica.jpg\",\"projection\":\"EPSG:4326\",\"layers\":\"1,2,3,4,5,6,7,8,9,10,11,12,13,14\",\"format\":\"image\\\/png\",\"transparent\":\"1\",\"opacity\":0.6,\"version\":\"1.3.0\",\"attribution\":\"\\u00a9mase.gov.it\"},\"3\":{\"name\":\"Unit\\u00e0 Geologiche\\t\",\"link\":\"https:\\\/\\\/sgi2.isprambiente.it\\\/arcgis\\\/services\\\/servizi\\\/cartageologica1M\\\/MapServer\\\/WmsServer\",\"legend\":\"https:\\\/\\\/sgi2.isprambiente.it\\\/arcgis\\\/services\\\/servizi\\\/cartageologica1M\\\/MapServer\\\/WmsServer?request=GetLegendGraphic%26version=1.3.0%26format=image\\\/png%26layer=1\",\"projection\":\"EPSG:4326\",\"layers\":\"1,2,3,4,5\",\"format\":\"image\\\/png\",\"transparent\":\"1\",\"opacity\":0.6,\"version\":\"1.3.0\",\"attribution\":\"\\u00a9mase.gov.it\"}} \/\/ Link WMS\r\n    );\r\n});\r\n\r\n\r\n\/\/ =============================================================================\r\n\/\/ FUNZIONE PRINCIPALE osgr_initialize_map\r\n\/\/ =============================================================================\r\nfunction osgr_initialize_map(mapParams, reports, reportTypes, reportTypeIcons, geojsonUrl, isAdmin, wmsLinks) {\r\n    \/\/ 1. Creazione della mappa\r\n    var map = L.map('osgr-map', {\r\n        center: [mapParams.lat, mapParams.lng],\r\n        zoom: mapParams.map_zoom,\r\n        minZoom: mapParams.map_min_zoom,\r\n        maxZoom: mapParams.map_max_zoom,\r\n        doubleClickZoom: false,\r\n    });\r\n\r\n    \/\/ 2. Definizione dei layer base (OpenStreetMap, Satellite, ecc.)\r\n    var mapLayers = {\r\n        streets: L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n            maxZoom: mapParams.map_max_zoom,\r\n            attribution: '\u00a9 OpenStreetMap'\r\n        }),\r\n        satellite: L.tileLayer('https:\/\/mts0.google.com\/vt\/lyrs=s&x={x}&y={y}&z={z}', {\r\n            maxZoom: mapParams.map_max_zoom,\r\n            attribution: '\u00a9 Google'\r\n        }),\r\n        stradesatellite: L.tileLayer('https:\/\/mts0.google.com\/vt\/lyrs=y&x={x}&y={y}&z={z}', {\r\n            maxZoom: mapParams.map_max_zoom,\r\n            attribution: '\u00a9 Google'\r\n        }),\r\n        rilievi: L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}{r}.png', {\r\n            maxZoom: mapParams.map_max_zoom,\r\n            attribution: '\u00a9 OpenStreetMap, SRTM'\r\n        })\r\n    };\r\n    \/\/ Layer base iniziale\r\n    mapLayers.streets.addTo(map);\r\n\r\n    \/\/ Gruppo per i layer GeoJSON caricati\r\n    var geojsonLayers = L.featureGroup().addTo(map);\r\n\r\n    \/\/ --------------------------------------------------------------------\r\n    \/\/ Gestione pulsanti per cambiare layer base\r\n    \/\/ --------------------------------------------------------------------\r\n\r\n    document.getElementById('map-type-selector').addEventListener('click', function(event) {\r\n        var mapType = event.target.closest('.map-type');\r\n        if (mapType) {\r\n            var mapTypeKey = mapType.id.replace('map-', '');\r\n\r\n            \/\/ Rimuovi il layer di base attuale\r\n            Object.values(mapLayers).forEach(function(layer) {\r\n                if (map.hasLayer(layer)) {\r\n                    map.removeLayer(layer);\r\n                }\r\n            });\r\n\r\n            \/\/ Aggiungi il nuovo layer selezionato\r\n            mapLayers[mapTypeKey].addTo(map);\r\n\r\n            \/\/ Rimuovi la classe \"active\" da tutti i pulsanti e aggiungila solo al pulsante cliccato\r\n            document.querySelectorAll('.map-type').forEach(function(button) {\r\n                button.classList.remove('active');\r\n            });\r\n            mapType.classList.add('active');\r\n\r\n            \/\/ Riporta in primo piano i layer GeoJSON e catastale se sono attivi\r\n            if (territorioLayer) {\r\n                territorioLayer.addTo(map);\r\n                territorioLayer.bringToFront();\r\n            }\r\n            if (worldLayer) {\r\n                worldLayer.addTo(map);\r\n                worldLayer.bringToBack();\r\n            }\r\n            if (cadastralLayerActive && cadastralLayer) {\r\n                cadastralLayer.addTo(map);\r\n                cadastralLayer.bringToFront();\r\n            }\r\n\r\n            \/\/ Riporta in primo piano tutti i layer WMS visibili\r\n            for (var index in wmsLayers) {\r\n                if (wmsLayers[index]) {\r\n                    wmsLayers[index].bringToFront();\r\n                }\r\n            }\r\n        }\r\n    });\r\n\r\n    \/\/ Aggiungi gruppo per i layer GeoJSON caricati\r\n    var geojsonLayers = L.featureGroup().addTo(map);\r\n\r\n\r\n    \/\/ Funzione per ottenere un CRS specifico, dinamicamente\r\n    function getCRS(projection) {\r\n        \/\/ Controlla i CRS predefiniti supportati da Leaflet\r\n        if (projection === 'EPSG:4326') {\r\n            return L.CRS.EPSG4326;\r\n        } else if (projection === 'EPSG:3857') {\r\n            return L.CRS.EPSG3857;\r\n        }\r\n        \/\/ Usa Proj4Leaflet per configurare altri CRS dinamicamente\r\n        else {\r\n            \/\/ Definisci un CRS personalizzato usando Proj4\r\n            var proj4def =\r\n                `+proj=utm +zone=${projection.split(\":\")[1]} +datum=WGS84 +units=m +no_defs`; \/\/ Esempio, personalizza in base alle tue necessit\u00e0\r\n            var bounds = L.bounds([20037508.34, 20037508.34], [-20037508.34, -20037508.34]);\r\n\r\n            return new L.Proj.CRS(projection, proj4def, {\r\n                origin: [-20037508.34, 20037508.34],\r\n                resolutions: [131072, 65536, 32768, 16384, 8192, 4096, 2048, 1024, 512, 256, 128, 64, 32, 16, 8,\r\n                    4, 2, 1, 0.5, 0.25\r\n                ],\r\n                bounds: bounds\r\n            });\r\n        }\r\n    }\r\n    \/\/ Caricamento e alternanza dei layer WMS in base alla posizione e al livello di zoom\r\n    var wmsLayers = {};\r\n    \/\/ Funzione per caricare un layer WMS\r\n    function loadWmsLayer(wmsLink) {\r\n        \/\/ console.log(\"Caricamento WMS: \", wmsLink); \/\/ Log per debug\r\n        var wmsLayer = L.tileLayer.wms(wmsLink.link, {\r\n            layers: wmsLink.layers,\r\n            format: wmsLink.format,\r\n            transparent: wmsLink.transparent === \"1\",\r\n            opacity: wmsLink.opacity,\r\n            version: wmsLink.version,\r\n            crs: getCRS(wmsLink.projection),\r\n            maxZoom: mapParams.map_max_zoom,\r\n            attribution: wmsLink.attribution\r\n        });\r\n        return wmsLayer;\r\n    }\r\n    \/\/ Recupera l'elemento HTML per la legenda\r\n    var wmsLegend = document.getElementById('wms-legend');\r\n\r\n    \/\/ Funzione per aggiungere la legenda WMS con funzionalit\u00e0 di ingrandimento al clic\r\n    function loadWmsLegend(wmsLink) {\r\n        \/\/ Lista di estensioni valide per le immagini\r\n        const validImageExtensions = ['.jpg', '.jpeg', '.png', '.gif'];\r\n        \/\/ Controlla se il file \u00e8 un'immagine\r\n        const isImage = validImageExtensions.some(ext => wmsLink.legend.endsWith(ext));\r\n\r\n        if (wmsLink.legend && isImage) {\r\n            \/\/ Visualizza l'immagine della legenda se \u00e8 un'immagine\r\n            wmsLegend.innerHTML =\r\n                `<span style=\"font-weight: bold;\">Legenda<\/span><br><img decoding=\"async\" id=\"wms-legend-image\" src=\"${wmsLink.legend}\" alt=\"Legenda WMS\" style=\"width: 100px; height: auto;\">`;\r\n            wmsLegend.style.display = 'block';\r\n            wmsLegend.style.position = 'absolute';\r\n            wmsLegend.style.bottom = '100px';\r\n            wmsLegend.style.right = '10px';\r\n            wmsLegend.style.zIndex = '1000';\r\n            wmsLegend.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';\r\n            wmsLegend.style.padding = '5px';\r\n            wmsLegend.style.borderRadius = '4px';\r\n\r\n            \/\/ Aggiungi un link per scaricare la legenda\r\n            wmsLegend.innerHTML +=\r\n                `<br><a href=\"${wmsLink.legend}\" target=\"_blank\" style=\"display: block; text-align: center; margin-top: 5px;\"><i class=\"fa-solid fa-download\"><\/i><\/a>`;\r\n\r\n            \/\/ Variabile per tenere traccia dello stato di espansione\r\n            let isExpanded = false;\r\n            const legendImage = document.getElementById('wms-legend-image'); \/\/ Seleziona l'immagine\r\n\r\n            \/\/ Aggiungi l'evento di clic per alternare la dimensione\r\n            wmsLegend.onclick = function() {\r\n                if (!isExpanded) {\r\n                    legendImage.style.width = '500px'; \/\/ Dimensione espansa dell'immagine\r\n                    legendImage.style.height = 'auto';\r\n                    wmsLegend.style.padding = '10px';\r\n                    isExpanded = true;\r\n                } else {\r\n                    legendImage.style.width = '100px'; \/\/ Dimensione ridotta dell'immagine\r\n                    legendImage.style.height = 'auto';\r\n                    wmsLegend.style.padding = '5px';\r\n                    isExpanded = false;\r\n                }\r\n            };\r\n        } else if (wmsLink.legend) {\r\n            \/\/ Mostra solo il link di download se il file non \u00e8 un'immagine\r\n            wmsLegend.innerHTML =\r\n                `<span style=\"font-weight: bold;\">Legenda<\/span><br><a href=\"${wmsLink.legend}\" target=\"_blank\" style=\"display: block; text-align: center; margin-top: 5px;\"><i class=\"fa-solid fa-download\"><\/i><\/a>`;\r\n            wmsLegend.style.display = 'block';\r\n            wmsLegend.style.position = 'absolute';\r\n            wmsLegend.style.bottom = '100px';\r\n            wmsLegend.style.right = '10px';\r\n            wmsLegend.style.zIndex = '1000';\r\n            wmsLegend.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';\r\n            wmsLegend.style.padding = '5px';\r\n            wmsLegend.style.borderRadius = '4px';\r\n        } else {\r\n            wmsLegend.innerHTML = 'Nessuna legenda disponibile';\r\n            wmsLegend.style.display = 'none'; \/\/ Nascondi la legenda se non \u00e8 disponibile\r\n        }\r\n    }\r\n\r\n\r\n    \/\/ Funzione per controllare se un layer \u00e8 visibile in base alla posizione e zoom della mappa\r\n    function isLayerVisible(wmsLink) {\r\n        var mapBounds = map.getBounds();\r\n        var layerBounds = L.latLngBounds(\r\n            [wmsLink.bounds.south, wmsLink.bounds.west],\r\n            [wmsLink.bounds.north, wmsLink.bounds.east]\r\n        );\r\n        var currentZoom = map.getZoom();\r\n        return mapBounds.intersects(layerBounds) && currentZoom >= wmsLink.minZoom && currentZoom <= wmsLink.maxZoom;\r\n    }\r\n\r\n    \/\/ Caricamento dei layer visibili in base alla posizione e zoom\r\n    function loadVisibleLayers() {\r\n        wmsLinks.forEach((wmsLink, index) => {\r\n            if (isLayerVisible(wmsLink)) {\r\n                if (!wmsLayers[index]) {\r\n                    loadWmsLegend(wmsLink); \/\/ Mostra la legenda quando il layer \u00e8 visibile\r\n\r\n                    wmsLayers[index] = loadWmsLayer(wmsLink);\r\n                    wmsLayers[index].addTo(map);\r\n                }\r\n            } else {\r\n                if (wmsLayers[index]) {\r\n                    map.removeLayer(wmsLayers[index]);\r\n                    delete wmsLayers[index];\r\n                    wmsLegend.style.display = 'none'; \/\/ Nascondi la legenda quando il layer viene rimosso\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Evento click per alternare i layer manualmente\r\n    document.querySelectorAll('.wms-button').forEach(function(button) {\r\n        button.addEventListener('click', function() {\r\n            var wmsIndex = this.getAttribute('data-wms-index');\r\n            if (wmsLayers[wmsIndex]) {\r\n                map.removeLayer(wmsLayers[wmsIndex]);\r\n                delete wmsLayers[wmsIndex];\r\n                updateButtonStyle(this, 'white', 'darkgray');\r\n                wmsLegend.style.display = 'none'; \/\/ Nascondi la legenda se il layer \u00e8 disattivato\r\n            } else {\r\n                wmsLayers[wmsIndex] = loadWmsLayer(wmsLinks[wmsIndex]);\r\n                wmsLayers[wmsIndex].addTo(map);\r\n                loadWmsLegend(wmsLinks[wmsIndex]); \/\/ Mostra la legenda quando viene attivato il layer\r\n                updateButtonStyle(this, '#27AC9A', 'white');\r\n            }\r\n        });\r\n    });\r\n\r\n\r\n    \/\/ Definisci il sistema di riferimento EPSG:6706 per il layer catastale\r\n    var crs_6706 = new L.Proj.CRS(\"EPSG:6706\", \"+proj=longlat +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +no_defs\", {\r\n        resolutions: [...Array(22).keys()].map(i => 18.99 \/ (5.93 * Math.pow(2, i))),\r\n        origin: [0, 0],\r\n        bounds: L.bounds([5.93, 34.76], [18.99, 47.1]), \/\/ Limiti geografici del layer catastale\r\n    });\r\n\r\n    \/\/ Configura il layer WMS catastale\r\n    var cadastralLayer = L.tileLayer.wms(\"https:\/\/wms.cartografia.agenziaentrate.gov.it\/inspire\/wms\/ows01.php\", {\r\n        tileSize: new L.Point(512, 512),\r\n        layers: \"province,CP.CadastralZoning,CP.CadastralParcel,fabbricati,strade,vestizioni\", \/\/ Stringa di layer separati da virgole\r\n        format: \"image\/png\",\r\n        transparent: true,\r\n        maxZoom: mapParams.map_max_zoom,\r\n        opacity: 0.65,\r\n        crs: crs_6706, \/\/ Definisci il CRS per il layer catastale\r\n        attribution: '\u00a9 <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-nd\/2.0\/it\/\">Agenzia delle Entrate<\/a>',\r\n        uppercase: true\r\n    });\r\n\r\n    \/\/ Variabile per tracciare se il layer catastale \u00e8 attivo o meno\r\n    var cadastralLayerActive = false;\r\n\r\n    \/\/ Funzione per verificare se il layer catastale \u00e8 visibile in base all'inquadratura della mappa\r\n    function isCadastralLayerVisible() {\r\n        var mapBounds = map.getBounds(); \/\/ Ottieni i confini attuali della mappa\r\n        var layerBounds = L.latLngBounds([34.76, 5.93], [47.1, 18.99]); \/\/ Limiti del layer catastale\r\n        var currentZoom = map.getZoom();\r\n\r\n        return mapBounds.intersects(layerBounds) && currentZoom <= mapParams.map_max_zoom;\r\n    }\r\n\r\n    \/\/ Funzione per aggiornare lo stile di un bottone\r\n    function updateButtonStyle(button, backgroundColor, textColor) {\r\n        button.style.backgroundColor = backgroundColor;\r\n        button.style.color = textColor;\r\n    }\r\n\r\n    \/\/ Funzione per aggiornare la visibilit\u00e0 del layer catastale\r\n    function updateCadastralLayerVisibility() {\r\n        if (isCadastralLayerVisible() && cadastralLayerActive) {\r\n            if (!map.hasLayer(cadastralLayer)) {\r\n                cadastralLayer.addTo(map);\r\n                \/\/aggiorna stile bottone\r\n                updateButtonStyle(button, '#27AC9A', 'white');\r\n            }\r\n        } else {\r\n            if (map.hasLayer(cadastralLayer)) {\r\n                map.removeLayer(cadastralLayer);\r\n                \/\/aggiorna stile bottone\r\n                updateButtonStyle(button, 'white', 'darkgray');\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    \/\/ Funzione per attivare\/disattivare il layer catastale manualmente\r\n    document.getElementById('cadastral-layer-btn').addEventListener('click', function() {\r\n        \/\/ Attiva o disattiva la visualizzazione del layer catastale\r\n        cadastralLayerActive = !cadastralLayerActive;\r\n        updateCadastralLayerVisibility(); \/\/ Aggiorna la visibilit\u00e0 basata sulla nuova attivazione\r\n\r\n\r\n    });\r\n\r\n\r\n\r\n    \/\/ Se esistono file GeoJSON salvati, gestisci i controlli\r\n    if (document.getElementById('toggle-geojson-controls')) {\r\n        var toggleGeoJsonControls = document.getElementById('toggle-geojson-controls');\r\n        var geojsonLayerControls = document.getElementById('geojson-layer-controls');\r\n        var isPanelOpen = false;\r\n\r\n        \/\/ Funzione per aprire\/chiudere il pannello dei controlli GeoJSON\r\n        toggleGeoJsonControls.addEventListener('click', function() {\r\n            geojsonLayerControls.classList.toggle('open');\r\n            isPanelOpen = !isPanelOpen;\r\n        });\r\n\r\n        \/\/ Gestisci i pulsanti laterali per caricare i file GeoJSON\r\n        document.querySelectorAll('.geojson-button').forEach(function(button) {\r\n            button.addEventListener('click', function() {\r\n                var geojsonUrl = this.getAttribute('data-geojson-url');\r\n                loadGeoJson(geojsonUrl); \/\/ Carica il file GeoJSON selezionato\r\n                \/\/ Cambia colore del bottone cliccato\r\n                updateButtonStyle(this, '#27AC9A', 'white');\r\n            });\r\n        });\r\n\r\n        \/\/ Funzione per rimuovere tutti i layer GeoJSON e il layer catastale\r\n        document.getElementById('clear-geojson-layers').addEventListener('click', function() {\r\n            geojsonLayers.clearLayers();\r\n            if (cadastralLayerActive) {\r\n                map.removeLayer(cadastralLayer);\r\n                cadastralLayerActive = false;\r\n                updateButtonStyle(document.getElementById('cadastral-layer-btn'), 'white', 'darkgray');\r\n            }\r\n            for (var index in wmsLayers) {\r\n                map.removeLayer(wmsLayers[index]);\r\n                delete wmsLayers[index];\r\n                \/\/rimuovi legenda\r\n                wmsLegend.style.display = 'none';\r\n            }\r\n\r\n\r\n            \/\/per i geojson aggiorna lo stile dei bottoni\r\n            resetGeoJsonButtonStyles();\r\n\r\n\r\n            document.querySelectorAll('.wms-button').forEach(function(button) {\r\n                updateButtonStyle(button, 'white', 'darkgray');\r\n            });\r\n        });\r\n\r\n\r\n        \/\/ Funzione per ripristinare lo stile di tutti i bottoni GeoJSON\r\n        function resetGeoJsonButtonStyles() {\r\n            document.querySelectorAll('.geojson-button').forEach(function(button) {\r\n                updateButtonStyle(button, 'white', 'darkgray');\r\n            });\r\n        }\r\n\r\n\r\n\r\n\r\n        \/\/ Funzione per generare colori casuali\r\n        function getRandomColor() {\r\n            var letters = '0123456789ABCDEF';\r\n            var color = '#';\r\n            for (var i = 0; i < 6; i++) {\r\n                color += letters[Math.floor(Math.random() * 16)];\r\n            }\r\n            return color;\r\n        }\r\n\r\n        \/\/ Oggetto per memorizzare i colori assegnati a ciascun \"cod_zona\"\r\n        var zoneColors = {};\r\n\r\n        function loadGeoJson(url) {\r\n            jQuery.getJSON(url, function(data) {\r\n                var layer = L.geoJson(data, {\r\n                    \/\/ Applica lo stile a ciascuna feature utilizzando le propriet\u00e0 del GeoJSON\r\n                    style: function(feature) {\r\n                        var codZona = feature.properties.cod_zona;\r\n\r\n                        \/\/ Se esiste gi\u00e0 un colore per questo cod_zona, usa quello; altrimenti genera un colore casuale\r\n                        if (codZona && !zoneColors[codZona]) {\r\n                            zoneColors[codZona] = getRandomColor();\r\n                        }\r\n\r\n                        return {\r\n                            color: feature.properties.color || (zoneColors[codZona] ||\r\n                                '#3388ff'), \/\/ Colore del contorno\r\n                            fillColor: feature.properties.fillColor || (zoneColors[codZona] ||\r\n                                '#3388ff'), \/\/ Colore del riempimento\r\n                            fillOpacity: feature.properties.fillOpacity ||\r\n                                0.2, \/\/ Opacit\u00e0 del riempimento\r\n                            weight: feature.properties.weight || 1, \/\/ Spessore del contorno\r\n                            opacity: feature.properties.opacity || 1 \/\/ Opacit\u00e0 del contorno\r\n                        };\r\n                    },\r\n                    onEachFeature: function(feature, layer) {\r\n                        \/\/ Creiamo il contenuto del popup dinamicamente in base a tutte le propriet\u00e0\r\n                        var popupContent = '<b>Informazioni:<\/b><br>';\r\n\r\n                        \/\/ Lista delle propriet\u00e0 da escludere nel popup\r\n                        var styleProperties = ['color', 'fillColor', 'fillOpacity', 'weight',\r\n                            'opacity', 'metadata', 'files'\r\n                        ];\r\n\r\n                        \/\/ Itera su tutte le propriet\u00e0 della feature e aggiungile al popup solo se non sono relative allo stile\r\n                        for (var key in feature.properties) {\r\n                            if (feature.properties.hasOwnProperty(key) && styleProperties.indexOf(\r\n                                    key) === -1) {\r\n                                popupContent += '<b>' + key + ':<\/b> ' + feature.properties[key] +\r\n                                    '<br>';\r\n                            }\r\n                        }\r\n\r\n                        \/\/ Controlla se ci sono metadati aggiuntivi e aggiungili al popup\r\n                        if (feature.properties.metadata && Array.isArray(feature.properties\r\n                                .metadata)) {\r\n                            popupContent += '<b>Metadati Aggiuntivi:<\/b><br>';\r\n                            feature.properties.metadata.forEach(function(metadata) {\r\n                                if (metadata.key && metadata.value) {\r\n                                    \/\/ Controlla se il valore del metadato \u00e8 un URL\r\n                                    var isLink = \/^(http|https):\\\/\\\/[^\\s]+$\/.test(metadata\r\n                                        .value);\r\n                                    if (isLink) {\r\n                                        \/\/ Se \u00e8 un link, rendilo cliccabile\r\n                                        popupContent += '<b>' + metadata.key +\r\n                                            ':<\/b> <a href=\"' + metadata.value +\r\n                                            '\" target=\"_blank\">' + metadata.value +\r\n                                            '<\/a><br>';\r\n                                    } else {\r\n                                        \/\/ Altrimenti, visualizza come testo normale\r\n                                        popupContent += '<b>' + metadata.key + ':<\/b> ' +\r\n                                            metadata.value + '<br>';\r\n                                    }\r\n                                }\r\n                            });\r\n                        }\r\n\r\n                        \/\/ Controlla se ci sono file caricati e aggiungili al popup\r\n                        if (feature.properties.files && Array.isArray(feature.properties.files)) {\r\n                            popupContent += '<b>File Allegati:<\/b><br>';\r\n\r\n                            \/\/ Iniziamo a creare una griglia di immagini con dimensioni fisse\r\n                            popupContent += '<div style=\"display: flex; flex-wrap: wrap;\">';\r\n                            feature.properties.files.forEach(function(file, index) {\r\n                                if (\/\\.(jpe?g|png|gif)$\/i.test(file.url)) {\r\n                                    \/\/ Se il file \u00e8 un'immagine, mostralo come icona con dimensioni fisse\r\n                                    popupContent +=\r\n                                        '<div style=\"flex: 1 1 12.5%; margin: 5px;\">' +\r\n                                        '<a href=\"' + file.url +\r\n                                        '\" data-lightbox=\"image-gallery\" data-title=\"' +\r\n                                        file.name + '\">' +\r\n                                        '<img decoding=\"async\" src=\"' + file.url +\r\n                                        '\" style=\"width: 100px; height: 100px; object-fit: cover;\" alt=\"' +\r\n                                        file.name + '\">' +\r\n                                        '<\/a><\/div>';\r\n                                } else {\r\n                                    \/\/ Per altri file, mostra un link per il download\r\n                                    popupContent += '<a href=\"' + file.url + '\" download>' +\r\n                                        file.name + '<\/a><br>';\r\n                                }\r\n                            });\r\n                            popupContent += '<\/div>';\r\n                        }\r\n\r\n                        layer.bindPopup(popupContent);\r\n\r\n                        \/\/ Aggiungi eventuali azioni da fare su ogni feature, come evidenziazione al passaggio del mouse\r\n                        layer.on('mouseover', function() {\r\n                            layer.setStyle({\r\n                                weight: feature.properties.weight || 3,\r\n                                color: 'red',\r\n                                fillOpacity: 0.5\r\n                            });\r\n                        });\r\n                        layer.on('mouseout', function() {\r\n                            layer.setStyle({\r\n                                weight: feature.properties.weight || 1,\r\n                                color: feature.properties.color || (zoneColors[\r\n                                        feature.properties.cod_zona] ||\r\n                                    '#3388ff'),\r\n                                fillOpacity: feature.properties.fillOpacity || 0.2\r\n                            });\r\n                        });\r\n                    }\r\n                });\r\n\r\n                \/\/ Rimuove eventuali layer precedenti e aggiunge il nuovo layer GeoJSON\r\n                geojsonLayers.addLayer(layer);\r\n            });\r\n        }\r\n\r\n\r\n\r\n    }\r\n\r\n\r\n    var user_id = '0';\r\n    var current_username = ' ';\r\n    var currentUserMarker = null;\r\n    var userMarkers = {};\r\n\r\n    \/\/ Funzione per inviare la posizione al server\r\n    function sendUserLocation(latitude, longitude) {\r\n        var bodyParams = new URLSearchParams({\r\n            latitude: latitude,\r\n            longitude: longitude\r\n        });\r\n\r\n        if (user_id > 0) {\r\n            bodyParams.append('user_id', user_id);\r\n        }\r\n\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=update_user_location', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: bodyParams\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    console.log('Posizione aggiornata con successo');\r\n                } else {\r\n                    console.error('Errore durante l\\'aggiornamento della posizione:', data.data);\r\n                }\r\n            })\r\n            .catch(error => console.error('Errore:', error));\r\n    }\r\n\r\n    \/\/ Funzione per visualizzare la posizione attuale dell'utente sulla mappa\r\n    function showUserLocation(position) {\r\n        var latitude = position.coords.latitude;\r\n        var longitude = position.coords.longitude;\r\n\r\n        if (currentUserMarker) {\r\n            map.removeLayer(currentUserMarker);\r\n        }\r\n\r\n        var markerColor = (user_id > 0) ? 'red' : 'blue';\r\n\r\n        var userMarkerIcon = L.divIcon({\r\n            className: 'custom-connected-user-marker blinking-marker',\r\n            html: `\r\n            <svg width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 2 L20 20 L12 16 L4 20 Z\" fill=\"${markerColor}\" stroke=\"white\" stroke-width=\"2\" \/>\r\n            <\/svg>\r\n        `,\r\n            iconSize: [24, 24],\r\n            iconAnchor: [12, 12]\r\n        });\r\n\r\n        currentUserMarker = L.marker([latitude, longitude], {\r\n            icon: userMarkerIcon,\r\n            zIndexOffset: 2000\r\n        }).addTo(map);\r\n\r\n        currentUserMarker.bindPopup('La tua posizione attuale');\r\n    }\r\n\r\n    \/\/ Funzione ping per aggiornare il timestamp dell\u2019utente ogni minuto\r\n    function pingUserStatus() {\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=ping_user_status', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: new URLSearchParams({\r\n                    user_id: user_id\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    console.log('Ping inviato con successo');\r\n                } else {\r\n                    console.error('Errore nel ping:', data.data);\r\n                }\r\n            })\r\n            .catch(error => console.error('Errore:', error));\r\n    }\r\n\r\n    \/\/ Invia un ping ogni minuto\r\n    setInterval(pingUserStatus, 60000);\r\n\r\n    \/\/ Geolocalizzazione e invio posizione\r\n    if (navigator.geolocation) {\r\n        navigator.geolocation.watchPosition(function(position) {\r\n            var latitude = position.coords.latitude;\r\n            var longitude = position.coords.longitude;\r\n\r\n            sendUserLocation(latitude, longitude);\r\n            showUserLocation(position);\r\n        }, function(error) {\r\n            console.error('Errore durante il recupero della posizione:', error);\r\n        }, {\r\n            enableHighAccuracy: true,\r\n            maximumAge: 0,\r\n            timeout: 10000\r\n        });\r\n    } else {\r\n        console.error('Geolocalizzazione non supportata dal browser');\r\n    }\r\n\r\n    \r\n    \/\/ Aggiungi il geocoder per il reverse geocoding (Nominatim)\r\n    var geocoder = L.Control.Geocoder.nominatim();\r\n\r\n\r\n\r\n\r\n    \/\/ Gestisci il clic destro sulla mappa\r\n    map.on('contextmenu', function(e) {\r\n        var lat = e.latlng.lat.toFixed(6);\r\n        var lng = e.latlng.lng.toFixed(6);\r\n\r\n        \/\/ Recupera la localit\u00e0 utilizzando il geocoder (reverse geocoding)\r\n        geocoder.reverse(e.latlng, map.getZoom(), function(results) {\r\n            if (results && results.length > 0) {\r\n                var details = results[0].properties.address;\r\n\r\n                \/\/ Prepara i dettagli della localit\u00e0\r\n                var popupContent = `\r\n                <strong>Latitudine:<\/strong> ${lat}<br>\r\n                <strong>Longitudine:<\/strong> ${lng}<br>\r\n                <button id=\"copy-coordinates\" style=\"\r\n                    cursor: pointer; \r\n                    font-size: 16px; \r\n                    background-color: #f0f0f0; \r\n                    border: 1px solid #ccc; \r\n                    border-radius: 4px; \r\n                    padding: 2px 6px; \r\n                    margin-top: 5px;\" \r\n                    title=\"Copia coordinate\">\r\n                    \ud83d\udccb\r\n                <\/button>\r\n            `;\r\n\r\n                var popup = L.popup()\r\n                    .setLatLng(e.latlng)\r\n                    .setContent(popupContent)\r\n                    .openOn(map);\r\n\r\n                \/\/ Aggiungi l'evento click al pulsante \"\ud83d\udccb\" solo una volta\r\n                map.once('popupopen', function() {\r\n                    const copyButton = document.getElementById('copy-coordinates');\r\n                    if (copyButton) {\r\n                        \/\/               copyToClipboard(`${lat}, ${lng}`);\r\n                        copyButton.addEventListener('click', function() {\r\n                            copyToClipboard(`${lat}, ${lng}`);\r\n                            copyButton.textContent = 'Copiato!';\r\n                            setTimeout(function() {\r\n                                copyButton.textContent = '\ud83d\udccb';\r\n                            }, 1000);\r\n                        });\r\n                    }\r\n                });\r\n            } else {\r\n                alert('Localit\u00e0 non trovata.');\r\n            }\r\n        });\r\n    });\r\n    \/\/ \/\/ Aggiungi il controllo per la scala metrica\r\n    \/\/ L.control.scale({\r\n    \/\/     imperial: false\r\n    \/\/ }).addTo(map);\r\n\r\n\r\n\r\n\r\n\r\n    \/\/ Aggiungi la barra di ricerca\r\n    L.Control.geocoder({\r\n        defaultMarkGeocode: false\r\n    }).on('markgeocode', function(e) {\r\n        var bbox = e.geocode.bbox;\r\n        var center = e.geocode.center;\r\n        map.fitBounds(bbox);\r\n        if (typeof tempMarker !== 'undefined') {\r\n            map.removeLayer(tempMarker);\r\n        }\r\n        tempMarker = L.marker(center).addTo(map);\r\n    }).addTo(map);\r\n\r\n    \/\/ Sposta il pulsante della barra di ricerca di 100 pixel a sinistra\r\n    document.querySelector('.leaflet-control-geocoder').style.bottom = '-50px';\r\n\r\n\r\n\r\n    \/\/ Dichiarazione all'inizio del tuo script\r\n    const reportTypeColors = {};\r\n    reportTypes.forEach(type => {\r\n        reportTypeColors[type.name] = type.color;\r\n    });\r\n\r\n\r\n\r\n\r\n    \/\/ Inizializza il gruppo per gli oggetti disegnati\r\n    var drawnItems = new L.FeatureGroup();\r\n    map.addLayer(drawnItems);\r\n\r\n    \/\/ Variabili per i layer di territorio e mondo\r\n    var territorioLayer, worldLayer;\r\n\r\n    \/\/ Controlla se l'utente \u00e8 un amministratore e abilita l'editing se lo \u00e8\r\n    if (isAdmin) {\r\n        enableAdminEditing(map, drawnItems, geojsonUrl);\r\n    } else {\r\n        \/\/ console.log('Editing disabilitato per utenti non amministratori.');\r\n    }\r\n\r\n    function enableAdminEditing(map, drawnItems, geojsonUrl) {\r\n        \/\/ Carica il GeoJSON e aggiungilo alla mappa per l'editing\r\n        jQuery.getJSON(geojsonUrl, function(data) {\r\n            territorioLayer = L.geoJson(data, {\r\n                style: {\r\n                    color: 'blue',\r\n                    weight: 3\r\n                },\r\n                onEachFeature: function(feature, layer) {\r\n                    \/\/ Aggiungi ogni layer caricato dal GeoJSON a drawnItems\r\n                    drawnItems.addLayer(layer);\r\n                }\r\n            }).addTo(map);\r\n            updateWorldLayer(drawnItems.toGeoJSON());\r\n        });\r\n\r\n        \/\/ Configura i controlli di disegno, incluso il controllo per cancellare i poligoni\r\n        var drawControl = new L.Control.Draw({\r\n            edit: {\r\n                featureGroup: drawnItems, \/\/ Assicurati che drawnItems sia il gruppo che gestisce anche gli elementi gi\u00e0 presenti\r\n                remove: true \/\/ Abilita la rimozione delle feature\r\n            },\r\n            draw: {\r\n                polygon: true, \/\/ Abilita disegno di poligoni\r\n                marker: true, \/\/ Abilita disegno di marker (punti)\r\n                polyline: true, \/\/ Abilita disegno di linee\r\n                rectangle: true, \/\/ Abilita disegno di rettangoli\r\n                circle: false, \/\/ Disabilita disegno di cerchi\r\n                circlemarker: false \/\/ Disabilita disegno di cerchi con marker\r\n            }\r\n        });\r\n\r\n        \/\/ Variabile per tracciare lo stato della modalit\u00e0 di editing\r\n        var editEnabled = false;\r\n\r\n        \/\/ Funzione per abilitare\/disabilitare la modalit\u00e0 di editing\r\n        function toggleEditMode() {\r\n            if (editEnabled) {\r\n                map.removeControl(drawControl);\r\n                editEnabled = false;\r\n                \/\/ console.log('Modalit\u00e0 di editing disabilitata.');\r\n                \/\/ Nascondi i layer disegnati\r\n                drawnItems.eachLayer(function(layer) {\r\n                    map.removeLayer(layer);\r\n                });\r\n            } else {\r\n                map.addControl(drawControl);\r\n                editEnabled = true;\r\n                \/\/ console.log('Modalit\u00e0 di editing abilitata.');\r\n                \/\/ Mostra nuovamente i layer disegnati\r\n                drawnItems.eachLayer(function(layer) {\r\n                    map.addLayer(layer);\r\n                });\r\n            }\r\n        }\r\n\r\n        \/\/ Assegna una scorciatoia per attivare\/disattivare la modalit\u00e0 di editing (Ctrl + Q)\r\n        document.addEventListener('keydown', function(event) {\r\n            if (event.ctrlKey && event.key === 'q') {\r\n                toggleEditMode();\r\n            }\r\n        });\r\n\r\n        \/\/ Inizialmente non viene aggiunto il controllo di disegno alla mappa,\r\n        \/\/ l'utente deve premere Ctrl + Q per abilitarlo\r\n        \/\/ console.log('Modalit\u00e0 di editing disabilitata di default.');\r\n\r\n        \/\/ Eventi per gestire la creazione, modifica e rimozione delle feature\r\n        map.on(L.Draw.Event.CREATED, function(e) {\r\n            var layer = e.layer;\r\n            drawnItems.addLayer(layer);\r\n            updateWorldLayer(drawnItems.toGeoJSON());\r\n            saveGeoJSON(drawnItems.toGeoJSON());\r\n        });\r\n\r\n        map.on('draw:edited', function(e) {\r\n            updateWorldLayer(drawnItems.toGeoJSON());\r\n            saveGeoJSON(drawnItems.toGeoJSON());\r\n        });\r\n\r\n        map.on('draw:deleted', function(e) {\r\n            updateWorldLayer(drawnItems.toGeoJSON());\r\n            saveGeoJSON(drawnItems.toGeoJSON());\r\n        });\r\n\r\n        \/\/ Funzione per salvare il GeoJSON\r\n        function saveGeoJSON(geojson) { \r\n            var geojsonString = JSON.stringify(geojson);\r\n\r\n            jQuery.ajax({\r\n                url: 'https:\/\/geocityx.com\/wp-admin\/admin-ajax.php',\r\n                method: 'POST',\r\n                data: {\r\n                    action: 'save_territorio_geojson',\r\n                    geojson: geojsonString\r\n                },\r\n                success: function(response) {\r\n                    \/\/ console.log('GeoJSON salvato correttamente.');\r\n                    alert('Territorio salvato correttamente');\r\n                },\r\n                error: function(error) {\r\n                    \/\/ console.log('Errore durante il salvataggio del GeoJSON:', error);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    \/\/ Funzione per aggiornare il layer del mondo\r\n    function updateWorldLayer(territorioGeoJSON) {\r\n        if (worldLayer) {\r\n            map.removeLayer(worldLayer); \/\/ Rimuovi il layer precedente\r\n        }\r\n\r\n        \/\/ Poligono che rappresenta il mondo intero\r\n        var worldPolygon = turf.polygon([\r\n            [\r\n                [-180, -90],\r\n                [-180, 90],\r\n                [180, 90],\r\n                [180, -90],\r\n                [-180, -90]\r\n            ]\r\n        ]);\r\n\r\n        \/\/ Unisci tutti i poligoni nel GeoJSON del territorio\r\n        var combinedTerritorio = turf.union(...territorioGeoJSON.features);\r\n\r\n        \/\/ Crea la differenza tra il mondo e il territorio unito\r\n        var difference = turf.difference(worldPolygon, combinedTerritorio);\r\n\r\n        \/\/ Crea un nuovo layer per il mondo aggiornato\r\n        worldLayer = L.geoJson(difference, {\r\n            style: {\r\n                color: 'gray',\r\n                weight: 1,\r\n                fillOpacity: 0.7\r\n            }\r\n        }).addTo(map);\r\n        worldLayer.bringToBack(); \/\/ Porta il mondo sullo sfondo\r\n    }\r\n\r\n    \/\/ Carica il GeoJSON e aggiungilo alla mappa\r\n    omnivore.geojson(geojsonUrl)\r\n        .on('ready', function(event) {\r\n            territorioLayer = event.target;\r\n            var territorioGeoJSON = territorioLayer.toGeoJSON();\r\n            updateWorldLayer(territorioGeoJSON);\r\n\r\n            territorioLayer.eachLayer(function(layer) {\r\n                layer.setStyle({\r\n                    fillOpacity: 0,\r\n                    color: 'red',\r\n                    weight: 3\r\n                });\r\n            });\r\n\r\n            territorioLayer.addTo(map);\r\n            territorioLayer.bringToFront();\r\n\r\n            \/\/ Mantieni il territorio in primo piano quando si cambia il tipo di mappa\r\n            map.on('baselayerchange', function() {\r\n                territorioLayer.bringToFront();\r\n                worldLayer.bringToBack();\r\n            });\r\n        })\r\n        .addTo(map);\r\n    \/\/portalo avanti\r\n\r\n\r\n\r\n\r\n\r\n\r\n    \/\/ \/\/ Funzione per aggiungere i marker alla mappa\r\n    \/\/ var reportMarkers = {};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n        var infoControl = L.control({\r\n        position: 'topleft'\r\n    });\r\n\r\n    infoControl.onAdd = function(map) {\r\n        var div = L.DomUtil.create('div', 'info-control');\r\n        div.innerHTML = `\r\n    <style>\r\n    .info-control {\r\n    position: absolute !important;\r\n} \r\n    div#weather-summary {\r\n        margin: 0px 0;\r\n        width: 200px;\r\n    }\r\n    div#weather-summary:hover {\r\n        background-color: #c0c0c0!important;\r\n        color: white;\r\n    }\r\n    p#weather-info {\r\n        margin: 0px !important;\r\n    }\r\n    .pollutant-high {\r\n        color: red;\r\n        font-weight: bold;\r\n    }\r\n    .pollutant, .aqi-description {\r\n        position: relative;\r\n        cursor: pointer;\r\n    }\r\n    .pollutant:hover::after, .aqi-description:hover::after {\r\n        content: attr(title);\r\n        position: absolute;\r\n        background-color: #333;\r\n        color: #fff;\r\n        padding: 5px 10px;\r\n        border-radius: 5px;\r\n        left: 0;\r\n        white-space: normal;\r\n        max-width: 400px;\r\n        z-index: 1000;\r\n        font-size: 12px;\r\n        line-height: 1.2;\r\n    }\r\n    <\/style>\r\n        <div id=\"weather-summary\" style=\"cursor: pointer; background-color: white; padding: 5px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align: center;\" title=\"Clicca per dettagli meteo\">\r\n            <strong id=\"weather-city\">Caricamento...<\/strong> \r\n            <span id=\"weather-emoji\" style=\"font-size: 16px; position: relative; top: 0px;\"><\/span>\r\n            <div id=\"weather-time\">Data e ora...<\/div>\r\n        <\/div>\r\n        <div id=\"weather-details\" style=\"display: none; margin-top: 5px; background-color: white; padding: 5px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\">\r\n            <p id=\"weather-info\"><\/p>\r\n            <p id=\"air-quality-info\"><\/p>\r\n            <div id=\"pollutants-info\"><\/div>\r\n        <\/div>\r\n    `;\r\n        div.style.zIndex = '20';\r\n\r\n        div.querySelector('#weather-summary').addEventListener('click', function() {\r\n            var details = div.querySelector('#weather-details');\r\n            details.style.display = (details.style.display === 'none') ? 'block' : 'none';\r\n        });\r\n\r\n        return div;\r\n    };\r\n\r\n    infoControl.addTo(map);\r\n\r\n    updateDateTime();\r\n    setInterval(updateDateTime, 1000);\r\n\r\n\r\n\r\n\r\n\r\n    function updateAirQualityInfo(aqi, pollutants) {\r\n        var airQualityInfo = document.getElementById('air-quality-info');\r\n        var aqiDescription = getAqiDescription(aqi);\r\n        airQualityInfo.innerHTML =\r\n            `\ud83c\udf0d Qualit\u00e0 Aria: <span class=\"aqi-description\" title=\"${aqiDescription}\">${getAqiEmoji(aqi)}<\/span>`;\r\n\r\n        var pollutantsInfo = document.getElementById('pollutants-info');\r\n        pollutantsInfo.innerHTML = `\r\n        <table style=\"width: 100%; border-collapse: collapse; margin-top: 10px;\">\r\n            <thead>\r\n                <tr>\r\n                    <th>Inquinante<\/th>\r\n                    <th>Concentrazione<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td><span class=\"pollutant\" title=\"PM2.5\">\ud83d\udca8 PM2.5<\/span><\/td>\r\n                    <td><span class=\"${getPollutantClass(pollutants.pm2_5, 25)}\">${pollutants.pm2_5} \u00b5g\/m\u00b3<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><span class=\"pollutant\" title=\"PM10\">\ud83d\udca8 PM10<\/span><\/td>\r\n                    <td><span class=\"${getPollutantClass(pollutants.pm10, 50)}\">${pollutants.pm10} \u00b5g\/m\u00b3<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><span class=\"pollutant\" title=\"CO\">\ud83e\uddea CO<\/span><\/td>\r\n                    <td><span class=\"${getPollutantClass(pollutants.co, 10)}\">${pollutants.co} \u00b5g\/m\u00b3<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><span class=\"pollutant\" title=\"NO\u2082\">\ud83c\udf2b\ufe0f NO\u2082<\/span><\/td>\r\n                    <td><span class=\"${getPollutantClass(pollutants.no2, 40)}\">${pollutants.no2} \u00b5g\/m\u00b3<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><span class=\"pollutant\" title=\"O\u2083\">\ud83c\udf24\ufe0f O\u2083<\/span><\/td>\r\n                    <td><span class=\"${getPollutantClass(pollutants.o3, 100)}\">${pollutants.o3} \u00b5g\/m\u00b3<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><span class=\"pollutant\" title=\"SO\u2082\">\ud83c\udfed SO\u2082<\/span><\/td>\r\n                    <td><span class=\"${getPollutantClass(pollutants.so2, 20)}\">${pollutants.so2} \u00b5g\/m\u00b3<\/span><\/td>\r\n                <\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n<small style=\"color: gray; text-align: right; display: block; margin-top: 10px;\">\r\n    Fonte: <a href=\"https:\/\/openweathermap.org\" target=\"_blank\" style=\"color: gray; text-decoration: none;\">OpenWeather<\/a>\r\n<\/small>\r\n    `;\r\n    }\r\n\r\n\r\n    function getPollutantClass(value, threshold) {\r\n        return value > threshold ? 'pollutant-high' : '';\r\n    }\r\n\r\n    var lat = 44.49;\r\n    var lng = 11.33;\r\n    var apiKey = '2f9b2b0acd9558971e22c8a4f6911534';\r\n\r\n    if (lat && lng && apiKey) {\r\n        fetch(`https:\/\/api.openweathermap.org\/data\/2.5\/forecast?lat=${lat}&lon=${lng}&appid=${apiKey}&units=metric`)\r\n            .then(response => {\r\n                if (!response.ok) throw new Error(\r\n                    `Errore nella richiesta: ${response.status} ${response.statusText}`);\r\n                return response.json();\r\n            })\r\n            .then(data => {\r\n                var cityName = data.city.name;\r\n                var currentWeather = data.list[0].main.temp;\r\n                var weatherDescription = data.list[0].weather[0].description;\r\n                var iconCode = data.list[0].weather[0].icon;\r\n                var tempMax = -Infinity;\r\n                var tempMin = Infinity;\r\n\r\n                data.list.forEach(entry => {\r\n                    var date = new Date(entry.dt_txt);\r\n                    if (date.getDate() === new Date().getDate()) {\r\n                        tempMax = Math.max(tempMax, entry.main.temp_max);\r\n                        tempMin = Math.min(tempMin, entry.main.temp_min);\r\n                    }\r\n                });\r\n\r\n                var humidity = data.list[0].main.humidity;\r\n                var pressure = data.list[0].main.pressure;\r\n                var windSpeed = data.list[0].wind.speed;\r\n                var windDirection = data.list[0].wind.deg;\r\n                updateWeatherInfo(cityName, weatherDescription, iconCode, currentWeather, tempMax, tempMin,\r\n                    humidity, pressure, windSpeed, windDirection);\r\n            })\r\n            .catch(error => console.error('Errore nel caricamento dei dati meteo:', error));\r\n\r\n        fetch(`https:\/\/api.openweathermap.org\/data\/2.5\/air_pollution?lat=${lat}&lon=${lng}&appid=${apiKey}`)\r\n            .then(response => {\r\n                if (!response.ok) throw new Error(\r\n                    `Errore nella richiesta AQI: ${response.status} ${response.statusText}`);\r\n                return response.json();\r\n            })\r\n            .then(data => {\r\n                if (data.list && data.list.length > 0) {\r\n                    var aqi = data.list[0].main.aqi;\r\n                    var pollutants = {\r\n                        pm2_5: data.list[0].components.pm2_5,\r\n                        pm10: data.list[0].components.pm10,\r\n                        co: data.list[0].components.co,\r\n                        no2: data.list[0].components.no2,\r\n                        o3: data.list[0].components.o3,\r\n                        so2: data.list[0].components.so2\r\n                    };\r\n                    updateAirQualityInfo(aqi, pollutants);\r\n                }\r\n            })\r\n            .catch(error => console.error('Errore nel caricamento dei dati AQI:', error));\r\n    } else {\r\n        console.error('Latitudine, Longitudine o chiave API mancante.');\r\n    }\r\n\r\n\r\n\r\n    \r\n\r\n\r\n        var forecastControl = L.control({\r\n        position: 'topleft'\r\n    });\r\n\r\n    forecastControl.onAdd = function(map) {\r\n        var div = L.DomUtil.create('div', 'forecast-control');\r\n        div.innerHTML = `\r\n        <style>\r\n\r\n.forecast-control {\r\n    margin-left: 227px !important;\r\n    margin-top: 5px !important;\r\n    position: absolute !important;\r\n}\r\n        #forecast-button {\r\n            margin: 5px 0;\r\n            cursor: pointer;\r\n            padding: 2px;\r\n            border-radius: 5px;\r\n            text-align: center;\r\n            width: 50px;\r\n            text-align: center;\r\n\r\n        }\r\n                   #forecast-button:hover {\r\n                background-color: #f0f0f0;\r\n            }\r\n    #forecast-details {\r\n    display: none;\r\n    background-color: white;\r\n    padding: 5px 7px;\r\n    border-radius: 5px;\r\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\r\n    margin-top: 8px;\r\n    font-size: 0.8em;\r\n     gap: 10px; }\r\n     \r\n        .forecast-section h4 {\r\n            margin: 0;\r\n            font-size: 1.3em;\r\n        }\r\n        .forecast-icon {\r\n            color: #FFD700;\r\n            font-size: 18px;\r\n            background-color: transparent;\r\n            padding: 1px;\r\n            border-radius: 5px;\r\n        }\r\n   .forecast-entry {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0px 0;\r\n        border-top: 1px solid #c5c5c5;\r\n}\r\n        #forecast-icon {\r\n            font-size: 30px;\r\n            color: #FFD700;\r\n            padding: 1px;\r\n            border-radius: 5px;\r\n        }\r\n     \r\n        <\/style>\r\n        \r\n        <!-- Tasto previsioni con icona meteo corrente -->\r\n        <div id=\"forecast-button\" title=\"Previsioni\">\r\n            <span id=\"forecast-icon\">\u2600\ufe0f<\/span>\r\n        <\/div>\r\n\r\n        <!-- Div con i dettagli delle previsioni, nascosto inizialmente -->\r\n        <div id=\"forecast-details\">\r\n            <div class=\"forecast-section\">\r\n                <h4>Ore<\/h4>\r\n                <div id=\"hourly-forecast\"><\/div>\r\n            <\/div>\r\n            <div class=\"forecast-section\">\r\n                <h4>Settimana<\/h4>\r\n                <div id=\"weekly-forecast\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    `;\r\n\r\n        div.querySelector('#forecast-button').addEventListener('click', function() {\r\n            var forecastDetails = div.querySelector('#forecast-details');\r\n            if (forecastDetails.style.display === 'none' || forecastDetails.style.display === '') {\r\n                forecastDetails.style.display = 'flex';\r\n            } else {\r\n                forecastDetails.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        return div;\r\n    };\r\n\r\n    forecastControl.addTo(map);\r\n\r\n    var lat = 44.49;\r\n    var lng = 11.33;\r\n    var apiKey = '2f9b2b0acd9558971e22c8a4f6911534';\r\n\r\n\r\n    if (lat && lng && apiKey) {\r\n        fetch(\r\n                `https:\/\/api.openweathermap.org\/data\/2.5\/forecast?lat=${lat}&lon=${lng}&appid=${apiKey}&units=metric&lang=it`\r\n            )\r\n            .then(response => {\r\n                if (!response.ok) throw new Error(`Errore nella richiesta: ${response.status}`);\r\n                return response.json();\r\n            })\r\n            .then(data => {\r\n                updateForecast(data);\r\n                updateWeeklyForecast(data);\r\n            })\r\n            .catch(error => console.error('Errore nel caricamento delle previsioni:', error));\r\n    } else {\r\n        console.error('Latitudine, Longitudine o chiave API mancante.');\r\n    }\r\n    \r\n \/*********************************************\r\n * Inizializza l'oggetto dei marker\r\n *********************************************\/\r\nvar reportMarkers = {};\r\n\r\n\/\/ Inizializza i report recuperati l'ultima volta\r\nlet lastFetchedReports = [];\r\n\r\n\/*********************************************\r\n * Funzione principale per aggiornare i report, se necessario\r\n *********************************************\/\r\nfunction updateReportsIfNeeded() {\r\n    const mappaType = ''; \/\/ Se vuoi filtrare per un determinato type, metti qualcosa tipo \"ambiente\" o simili\r\n    fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        headers: {\r\n            'Content-Type': 'application\/x-www-form-urlencoded'\r\n        },\r\n        body: new URLSearchParams({\r\n            action: 'get_reports',\r\n            mappa_type: mappaType\r\n        })\r\n    })\r\n    .then(r => r.json())\r\n    .then(data => {\r\n        if (data.success && data.data) {\r\n            const newReports = data.data;\r\n            \/\/ Confrontiamo i nuovi report con quelli precedenti\r\n            if (JSON.stringify(newReports) !== JSON.stringify(lastFetchedReports)) {\r\n                \/\/ Se c\u2019\u00e8 una variazione (nuovi, eliminati o modificati) => aggiorniamo i marker\r\n                addMarkers(newReports, reportTypes, reportTypeIcons, isAdmin, map, reportMarkers);\r\n                lastFetchedReports = newReports;\r\n            }\r\n        } else {\r\n            console.error('Errore get_reports:', data);\r\n        }\r\n    })\r\n    .catch(e => console.error('Errore get_reports:', e));\r\n}\r\n\r\n\/\/ Prima chiamata immediata\r\nupdateReportsIfNeeded();\r\n\r\n\/\/ Richiamiamo ogni 10 secondi per rilevare nuove segnalazioni\r\nsetInterval(updateReportsIfNeeded, 10000);\r\n\r\n\r\n\r\n\/*********************************************\r\n * Gestione filtri: checkbox e date\r\n *********************************************\/\r\n\/\/ Seleziona tutte le checkbox di filtro\r\nvar filterCheckboxes = document.querySelectorAll('.osgr-filter-checkbox');\r\n\r\n\/\/ Aggiungi un listener per ogni checkbox\r\nfilterCheckboxes.forEach(function(checkbox) {\r\n    checkbox.addEventListener('change', function() {\r\n        if (checkbox.classList.contains('map-type-checkbox')) {\r\n            \/\/ Attiva o disattiva le categorie associate\r\n            toggleCategoryCheckboxes(checkbox);\r\n        }\r\n        \/\/ Filtra i marker dopo ogni cambiamento\r\n        filterMarkers();\r\n    });\r\n});\r\n\r\n\/\/ Funzione per attivare\/disattivare le checkbox delle categorie associate a un `map_type`\r\nfunction toggleCategoryCheckboxes(mapTypeCheckbox) {\r\n    var mapType = mapTypeCheckbox.getAttribute('data-map-type');\r\n    var categoryCheckboxes = document.querySelectorAll('.category-checkbox[data-map-type=\"' + mapType + '\"]');\r\n\r\n    \/\/ Attiva o disattiva tutte le categorie associate alla mappa\r\n    categoryCheckboxes.forEach(function(checkbox) {\r\n        checkbox.checked = mapTypeCheckbox.checked; \/\/ Sincronizza lo stato\r\n    });\r\n}\r\n\r\n\/\/ Funzione per trasformare la stringa di data in un formato corretto\r\nfunction parseDate(dateString) {\r\n    if (!dateString) return null;\r\n    const formattedDateString = dateString.replace(\" \", \"T\");\r\n    return new Date(formattedDateString);\r\n}\r\n\r\n\/\/ Funzione per filtrare i marker in base alle categorie selezionate\r\nfunction filterMarkers() {\r\n    var selectedTypes = [];\r\n    var selectedDateRange = document.querySelector('.osgr-filter-btn.active')\r\n        ? document.querySelector('.osgr-filter-btn.active').getAttribute('data-range')\r\n        : 'ALL';\r\n\r\n    \/\/ Raccogli i tipi selezionati dalle checkbox delle categorie\r\n    filterCheckboxes.forEach(function(checkbox) {\r\n        if (checkbox.checked && checkbox.classList.contains('category-checkbox')) {\r\n            if (checkbox.hasAttribute('data-type')) {\r\n                selectedTypes.push(checkbox.getAttribute('data-type'));\r\n            }\r\n        }\r\n    });\r\n\r\n    \/\/ Se non ci sono categorie selezionate, nascondi tutti i marker\r\n    if (selectedTypes.length === 0) {\r\n        for (var id in reportMarkers) {\r\n            if (reportMarkers.hasOwnProperty(id)) {\r\n                var marker = reportMarkers[id];\r\n                if (map.hasLayer(marker)) {\r\n                    map.removeLayer(marker);\r\n                }\r\n            }\r\n        }\r\n        return; \/\/ Esci perch\u00e9 non ci sono categorie selezionate\r\n    }\r\n\r\n    \/\/ Gestione data\/tempo\r\n    var currentDate = new Date();\r\n    let filterDate = null;\r\n    switch (selectedDateRange) {\r\n        case '1d':\r\n            filterDate = new Date(currentDate.setDate(currentDate.getDate() - 1));\r\n            break;\r\n        case '1w':\r\n            filterDate = new Date(currentDate.setDate(currentDate.getDate() - 7));\r\n            break;\r\n        case '1m':\r\n            filterDate = new Date(currentDate.setMonth(currentDate.getMonth() - 1));\r\n            break;\r\n        case '3m':\r\n            filterDate = new Date(currentDate.setMonth(currentDate.getMonth() - 3));\r\n            break;\r\n        case '1y':\r\n            filterDate = new Date(currentDate.setFullYear(currentDate.getFullYear() - 1));\r\n            break;\r\n        default:\r\n            filterDate = null; \/\/ \"ALL\" mostra tutti\r\n    }\r\n\r\n    \/\/ Filtra i marker\r\n    for (var id in reportMarkers) {\r\n        if (reportMarkers.hasOwnProperty(id)) {\r\n            var marker = reportMarkers[id];\r\n            var reportType = marker.options.reportType || '';\r\n            var reportDate = marker.options.reportDate\r\n                ? parseDate(marker.options.reportDate)\r\n                : null;\r\n\r\n            \/\/ Controlla la data\r\n            var dateMatch = !filterDate || (reportDate && reportDate >= filterDate);\r\n            \/\/ Controlla il tipo\r\n            var typeMatch = selectedTypes.length === 0 || selectedTypes.includes(reportType);\r\n\r\n            \/\/ Mostra o nascondi i marker\r\n            if (typeMatch && dateMatch) {\r\n                if (!map.hasLayer(marker)) {\r\n                    marker.addTo(map);\r\n                }\r\n            } else {\r\n                if (map.hasLayer(marker)) {\r\n                    map.removeLayer(marker);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\/\/ Gestione dei pulsanti di filtro per intervallo di tempo\r\nconst filterButtons = document.querySelectorAll('.osgr-filter-btn');\r\nfilterButtons.forEach(button => {\r\n    button.addEventListener('click', function() {\r\n        \/\/ Attiva il pulsante cliccato\r\n        filterButtons.forEach(btn => btn.classList.remove('active'));\r\n        this.classList.add('active');\r\n\r\n        \/\/ Filtra i marker\r\n        filterMarkers();\r\n    });\r\n});\r\n\r\n\r\n\/*********************************************\r\n * Funzione per rimuovere tutti i marker esistenti dalla mappa\r\n *********************************************\/\r\nfunction clearMarkers(reportMarkers, map) {\r\n    for (let id in reportMarkers) {\r\n        if (reportMarkers.hasOwnProperty(id)) {\r\n            map.removeLayer(reportMarkers[id]); \/\/ Rimuove il marker dalla mappa\r\n        }\r\n    }\r\n    \/\/ Svuota l'oggetto reportMarkers dopo aver rimosso i marker\r\n    reportMarkers = {};\r\n}\r\n    const adminIds = [\"1\"];\r\n\r\n\r\n\/*********************************************\r\n * Funzione per aggiungere (o aggiornare) i marker\r\n *********************************************\/\r\nasync function addMarkers(reports, reportTypes, reportTypeIcons, isAdmin, map, reportMarkers) {\r\n    const loader = document.getElementById('loader');\r\n    loader.style.display = 'block';\r\n    loader.style.visibility = 'visible';\r\n    loader.style.opacity = '1';\r\n\r\n    const newMarkers = {};\r\n    const reportTypeColors = {};\r\n\r\n    \/\/ Creiamo una mappa di \"reportType => colore\"\r\n    reportTypes.forEach(rt => {\r\n        reportTypeColors[rt.name] = rt.color;\r\n    });\r\n\r\n    \/\/ Creo una lista di Promise, una per ciascun report\r\n    const promises = reports.map(report => {\r\n        return new Promise(resolve => {\r\n            try {\r\n                if (!reportMarkers[report.id]) {\r\n                    \/\/ Marker non esiste ancora => crealo\r\n                    createMarker(report, reportTypeColors, reportTypeIcons, isAdmin, map, newMarkers);\r\n                    \/\/log per debug\r\n                    console.log('Report aggiunto:', report.id);\r\n                    resolve();\r\n                } else {\r\n                    \/\/ Se esiste gi\u00e0, controlliamo se \u00e8 cambiato lo status\r\n                    const existingMarker = reportMarkers[report.id];\r\n                    if (existingMarker.options.reportStatus !== report.status) {\r\n                        \/\/ Stato cambiato => rimuovi e ricrea\r\n                        map.removeLayer(existingMarker);\r\n                        createMarker(report, reportTypeColors, reportTypeIcons, isAdmin, map, newMarkers);\r\n                    } else {\r\n                        \/\/ Altrimenti lo manteniamo\r\n                        newMarkers[report.id] = existingMarker;\r\n                    }\r\n                    resolve();\r\n                }\r\n            } catch (e) {\r\n                console.error('Errore creazione marker per report ID:', report.id, e);\r\n                resolve();\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Attendo il completamento di tutte le Promise\r\n    await Promise.all(promises);\r\n\r\n    \/\/ Rimuovo i marker che non esistono pi\u00f9 (ovvero che non sono nei report attuali)\r\n    for (let id in reportMarkers) {\r\n        if (!newMarkers[id]) {\r\n            map.removeLayer(reportMarkers[id]);\r\n        }\r\n    }\r\n    \/\/ Aggiorno l\u2019oggetto reportMarkers con i nuovi\r\n    Object.assign(reportMarkers, newMarkers);\r\n\r\n    loader.style.display = 'none';\r\n    loader.style.visibility = 'hidden';\r\n    loader.style.opacity = '0';\r\n}\r\n\r\n\/*********************************************\r\n * Funzione createMarker\r\n *********************************************\/\r\nfunction createMarker(report, reportTypeColors, reportTypeIcons, isAdmin, map, newMarkers) {\r\n    const loader = document.getElementById('loader');\r\n    loader.style.display = 'block';\r\n    loader.style.visibility = 'visible';\r\n\r\n    const currentTime = Date.now();\r\n    if (report.status === 'hidden' && !isAdmin) return;\r\n\r\n    const mappaTypesFromShortcode = [\"bellezze\",\"Eventi\",\"Segnalazioni\"];\r\n    if (mappaTypesFromShortcode.length > 0 && !mappaTypesFromShortcode.includes(report.mappa_type)) {\r\n        return;\r\n    }\r\n\r\n    const siteUrl    = 'https:\/\/geocityx.com';\r\n    const markerUrl  = `${siteUrl}\/?lat=${report.latitude}&lng=${report.longitude}&zoom=17#report-${report.id}`;\r\n    const qrCodeUrl  = `https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=${encodeURIComponent(markerUrl)}&format=svg`;\r\n\r\n    const color = reportTypeColors[report.report_type] || 'gray';\r\n    let markerOpacity = (report.status === 'closed')\r\n        ? 0.3\r\n        : (report.status === 'processing' ? 0.6 : 1);\r\n\r\n    const currentUserId   = parseInt('0');\r\n    const reportUserId    = parseInt(report.user_id, 10);\r\n    const isUserLoggedIn  = false;\r\n\r\n    const iconClass = reportTypeIcons[report.report_type] || 'fa fa-map-marker';\r\n\r\n    adminIds.forEach(function(value, index, array) {\r\n        array[index] = parseInt(value);\r\n    });\r\n\r\n    const creatorIsAdmin = adminIds.includes(reportUserId);\r\n    const userEmoji      = (reportUserId === currentUserId) ? '\ud83d\udc68' : '';\r\n\r\n    let iconHtml = '';\r\n    if (report.status === 'closed') {\r\n        markerOpacity = 0.3;\r\n        if (creatorIsAdmin) {\r\n            iconHtml = `\r\n            <div style=\"position: relative; display: inline-block;\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                     width=\"32\" height=\"32\"\r\n                     viewBox=\"0 0 24 24\"\r\n                     fill=\"gray\"  \r\n                     stroke-width=\"1\" \r\n                     stroke=\"black\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"8\" \/>\r\n                <\/svg>\r\n                <i class=\"${iconClass}\"\r\n                   style=\"position: absolute; top:45%; left:50%;\r\n                          transform:translate(-50%,-50%);\r\n                          font-size:12px; color: white;\">\r\n                <\/i>\r\n            <\/div>`;\r\n        } else {\r\n            iconHtml = `\r\n            <div style=\"position: relative; display: inline-block;\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                     width=\"34\" height=\"34\"\r\n                     viewBox=\"0 0 24 24\"\r\n                     fill=\"gray\" stroke=\"black\" stroke-width=\"1\">\r\n                    <path d=\"M12 2C8.13401 2 5 5.13401 5 9\r\n                            C5 13.9391 11.3495 21.3137 11.6527 21.6704\r\n                            C11.8404 21.8871 12.1596 21.8871 12.3473 21.6704\r\n                            C12.6505 21.3137 19 13.9391 19 9\r\n                            C19 5.13401 15.866 2 12 2Z\" \/>\r\n                <\/svg>\r\n                <i class=\"${iconClass}\"\r\n                   style=\"position:absolute; top:35%; left:50%;\r\n                          transform:translate(-50%,-50%);\r\n                          font-size:12px; color: white;\">\r\n                <\/i>\r\n            <\/div>`;\r\n        }\r\n    } else {\r\n        if (report.status === 'hidden')        markerOpacity = 0.3;\r\n        else if (report.status === 'processing') markerOpacity = 0.6;\r\n        else if (report.status === 'inappropriate') markerOpacity = 0.3;\r\n\r\n        if (creatorIsAdmin) {\r\n            iconHtml = `\r\n            <div style=\"position: relative; display: inline-block;\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                     width=\"32\" height=\"32\"\r\n                     viewBox=\"0 0 24 24\"\r\n                     fill=\"${color}\" stroke=\"black\" stroke-width=\"1\">\r\n                    <circle cx=\"12\" cy=\"12\" r=\"8\" \/>\r\n                <\/svg>\r\n                <i class=\"${iconClass}\"\r\n                   style=\"position:absolute; top:45%; left:50%;\r\n                          transform:translate(-50%,-50%);\r\n                          font-size:12px; color: white;\">\r\n                <\/i>\r\n            <\/div>`;\r\n        } else {\r\n            iconHtml = `\r\n            <div style=\"position: relative; display: inline-block;\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                     width=\"34\" height=\"34\"\r\n                     viewBox=\"0 0 24 24\"\r\n                     fill=\"${color}\" stroke=\"black\" stroke-width=\"1\">\r\n                    <path d=\"M12 2C8.13401 2 5 5.13401 5 9\r\n                            C5 13.9391 11.3495 21.3137 11.6527 21.6704\r\n                            C11.8404 21.8871 12.1596 21.8871 12.3473 21.6704\r\n                            C12.6505 21.3137 19 13.9391 19 9\r\n                            C19 5.13401 15.866 2 12 2Z\" \/>\r\n                <\/svg>\r\n                <i class=\"${iconClass}\"\r\n                   style=\"position:absolute; top:35%; left:50%;\r\n                          transform:translate(-50%,-50%);\r\n                          font-size:12px; color: white;\">\r\n                <\/i>\r\n            <\/div>`;\r\n        }\r\n    } \r\n\r\n    const responses        = report.responses || [];\r\n    const reportTime       = new Date(report.report_date).getTime();\r\n    let latestResponseTime = 0;\r\n    if (responses.length > 0) {\r\n        latestResponseTime = responses.reduce((maxTime, response) => {\r\n            const responseTime = new Date(response.created_at).getTime();\r\n            return Math.max(maxTime, responseTime);\r\n        }, 0);\r\n    }\r\n    const latestUpdateTime   = Math.max(reportTime, latestResponseTime);\r\n    const timeDifference     = (currentTime - latestUpdateTime) \/ 1000;\r\n    const timeDifferenceText = (timeDifference < 3600)\r\n        ? `${Math.round(timeDifference \/ 60)} minuti fa`\r\n        : `${Math.round(timeDifference \/ 3600)} ore fa`;\r\n    const showThinkingBubble = (timeDifference <= 86400);\r\n\r\n    const thinkingBubbleHtml = showThinkingBubble\r\n        ? `<div class=\"thinking-bubble\"\r\n                 style=\"position:absolute; top:-4px; left:18px; font-size:12px; z-index:400;\"\r\n                 title=\"Ultimo aggiornamento: ${timeDifferenceText}\">\u2728<\/div>`\r\n        : '';\r\n\r\n    const markerHtml = `\r\n    <div style=\"position:relative; display:inline-block;\">\r\n        ${thinkingBubbleHtml}\r\n        ${iconHtml}\r\n        ${\r\n          userEmoji\r\n          ? `<div style=\"position:absolute; top:-6px; left:10px; font-size:10px;\">${userEmoji}<\/div>`\r\n          : ''\r\n        }\r\n    <\/div>`;\r\n\r\n    const marker = L.marker([report.latitude, report.longitude], {\r\n        icon: L.divIcon({\r\n            className: 'custom-icon',\r\n            html: markerHtml\r\n        }),\r\n        opacity: markerOpacity,\r\n        reportType: report.report_type,\r\n        reportDate: report.report_date,\r\n        reportStatus: report.status\r\n    }).addTo(map);\r\n\r\n    newMarkers[report.id] = marker;\r\n\r\n    if (!document.getElementById('pulse-animation-style')) {\r\n        const style = document.createElement('style');\r\n        style.id = 'pulse-animation-style';\r\n        style.innerHTML = `\r\n        @keyframes pulse {\r\n            0%   { transform: scale(1); }\r\n            50%  { transform: scale(1.2); }\r\n            100% { transform: scale(1); }\r\n        }\r\n        .thinking-bubble {\r\n            animation: pulse 1.5s infinite;\r\n        }`;\r\n        document.head.appendChild(style);\r\n    }\r\n    if (showThinkingBubble) {\r\n        setTimeout(() => {\r\n            const bubbleElement = marker.getElement()?.querySelector('.thinking-bubble');\r\n            if (bubbleElement) bubbleElement.remove();\r\n        }, 3600000);\r\n    }\r\n\r\n    let truncatedDescription = truncateText(report.description, 195);\r\n    let formattedReportDate  = formatDate(report.report_date);\r\n    let title                = report.report_title;\r\n    let start_date           = formatDate(report.start_date);\r\n    let end_date             = formatDate(report.end_date);\r\n    \r\n    let segnalazioneStato = '';\r\n    if (report.status === 'closed') {\r\n        segnalazioneStato = '<strong>Chiusa<\/strong> \u274c';\r\n    } else if (report.status === 'hidden') {\r\n        segnalazioneStato = '<strong>Nascosta<\/strong> \ud83d\ude48';\r\n    } else if (report.status === 'processing') {\r\n        segnalazioneStato = '<strong>In approvazione<\/strong> \ud83d\udd27';\r\n    } else if (report.status === 'open') {\r\n        segnalazioneStato = '<strong>Aperta<\/strong> \ud83d\udfe2';\r\n    } else if (report.status === 'inappropriate') {\r\n        segnalazioneStato = '<strong>Inappropriata<\/strong> \ud83d\udeab';\r\n    }\r\n\r\n    let popupContent = `\r\n<div style=\"display: inline-block; position: relative; width: 30px; height: 30px;\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n             width=\"30\" height=\"30\"\r\n             viewBox=\"0 0 24 24\"\r\n             fill=\"${color}\"\r\n             stroke=\"black\"\r\n             opacity=\"${markerOpacity}\">\r\n            <path d=\"M12 2C8.13401 2 5 5.13401 5 9\r\n                     C5 13.9391 11.3495 21.3137 11.6527 21.6704\r\n                     C11.8404 21.8871 12.1596 21.8871 12.3473 21.6704\r\n                     C12.6505 21.3137 19 13.9391 19 9\r\n                     C19 5.13401 15.866 2 12 2Z\"><\/path>\r\n        <\/svg> \r\n    <i class=\"${iconClass}\"\r\n       style=\"position: absolute; top: 40%; left: 50%;\r\n              transform: translate(-50%, -50%);\r\n              font-size: 10px; color: white;\">\r\n    <\/i>\r\n    <\/div>\r\n    <strong>N\u00b0 ${report.id} |\r\n    <div style=\"display:inline-block; font-size:16px; vertical-align:middle; margin-left:3px;\">\r\n        ${report.report_type}\r\n    <\/div><\/strong> \r\n    | di <strong>${report.reporter_name}<\/strong><br>\r\n    Stato: ${segnalazioneStato}<br>\r\n    <em>${formattedReportDate} (${calculateDaysAgo(report.report_date)} giorni fa)<\/em><br>\r\n    ${\r\n      (start_date !== 'Invalid Date' && end_date !== 'Invalid Date')\r\n      ? `<em><strong>Da ${start_date} al ${end_date}<\/strong><\/em><br>`\r\n      : ''\r\n    }`;\r\n\r\n    if (isAdmin && report.status === 'processing') {\r\n        popupContent += `<strong style=\"font-size:16px;\">${title}<\/strong><br>`;\r\n        popupContent += `<div id=\"rispostaimmaginesegna\"><div>${truncatedDescription}<\/div>`;\r\n        if (report.image_url) {\r\n            popupContent += `\r\n            <a href=\"${report.image_url}\" data-lightbox=\"report-${report.id}\">\r\n                <img decoding=\"async\" src=\"${report.image_url}\"\r\n                     alt=\"Immagine Segnalazione\"\r\n                     style=\"max-height:45px; max-width:45px; margin-left:3px; margin-bottom:3px;\">\r\n            <\/a>`;\r\n        }\r\n        popupContent += `<\/div>`;\r\n        popupContent += `\r\n        <div id=\"gradimento_report_${report.id}\"\r\n             style=\"display:flex; cursor:pointer; justify-content:flex-end;\"\r\n             onclick=\"toggleLikeReport(${report.id})\">\r\n            <i class=\"fa fa-thumbs-up like-button ${report.user_has_liked ? 'liked' : ''}\"\r\n               aria-hidden=\"true\"><\/i>\r\n            <span id=\"report-likes-count-${report.id}\"\r\n                  style=\"margin-left:5px;\">${report.report_gradimento}<\/span>\r\n        <\/div>`;\r\n    }\r\n\r\n    if (report.status !== 'processing'\r\n        && report.status !== 'closed'\r\n        && report.status !== 'hidden'\r\n        && report.status !== 'inappropriate') {\r\n        popupContent += `<strong style=\"font-size:16px;\">${title}<\/strong><br>`;\r\n        popupContent += `<div id=\"rispostaimmaginesegna\"><div>${truncatedDescription}<\/div>`;\r\n        if (report.image_url) {\r\n            popupContent += `\r\n            <a href=\"${report.image_url}\" data-lightbox=\"report-${report.id}\">\r\n                <img decoding=\"async\" src=\"${report.image_url}\"\r\n                     alt=\"Immagine Segnalazione\"\r\n                     style=\"max-height:45px; max-width:45px; margin-left:3px; margin-bottom:3px;\">\r\n            <\/a>`;\r\n        }\r\n        popupContent += `<\/div>`;\r\n        popupContent += `\r\n        <div id=\"gradimento_report_${report.id}\"\r\n             style=\"display:flex; cursor:pointer; justify-content:flex-end;\"\r\n             onclick=\"toggleLikeReport(${report.id})\">\r\n            <i class=\"fa fa-thumbs-up like-button ${report.user_has_liked ? 'liked' : ''}\"\r\n               aria-hidden=\"true\"><\/i>\r\n            <span id=\"report-likes-count-${report.id}\"\r\n                  style=\"margin-left:5px;\">${report.report_gradimento}<\/span>\r\n        <\/div>\r\n        <div id=\"response-list-${report.id}\" class=\"response-list\">\r\n            <div id=\"response-loader-${report.id}\" class=\"loader\" style=\"display:none;\">\r\n                Caricamento risposte<span>.<\/span><span>.<\/span><span>.<\/span>\r\n            <\/div>\r\n        <\/div>`;\r\n        if (isUserLoggedIn) {\r\n            popupContent += `\r\n            <div class=\"response-form\">\r\n                <textarea id=\"response_${report.id}\"\r\n                          name=\"response_text\"\r\n                          placeholder=\"Rispondi alla segnalazione\"\r\n                          rows=\"1\"><\/textarea>\r\n                <label for=\"image_${report.id}\"><\/label>\r\n                <input type=\"file\" id=\"image_${report.id}\"\r\n                       name=\"image\" accept=\"image\/*\">\r\n                <button onclick=\"submitResponse(this, ${report.id}, document.getElementById('response_${report.id}').value)\">INVIA<\/button>\r\n            <\/div>`;\r\n        } else {\r\n            popupContent += `\r\n            <div style=\"text-align:center; margin-top:10px;\">\r\n                <strong>Accedi per rispondere alla segnalazione<\/strong><br>\r\n                <a href=\"#\" id=\"openLoginPopup\" style=\"color:blue; text-decoration:underline;\">\r\n                    Accedi\r\n                <\/a>\r\n            <\/div>`;\r\n        }\r\n    }\r\n\r\n    if (report.status === 'closed') {\r\n        popupContent += `<strong style=\"font-size:16px;\">${title}<\/strong><br>`;\r\n        popupContent += `<div id=\"rispostaimmaginesegna\"><div>${truncatedDescription}<\/div>`;\r\n        if (report.image_url) {\r\n            popupContent += `\r\n            <a href=\"${report.image_url}\" data-lightbox=\"report-${report.id}\">\r\n                <img decoding=\"async\" src=\"${report.image_url}\"\r\n                     alt=\"Immagine Segnalazione\"\r\n                     style=\"max-height:45px; max-width:45px; margin-left:3px; margin-bottom:3px;\">\r\n            <\/a>`;\r\n        }\r\n        popupContent += `<\/div>`;\r\n        popupContent += `\r\n        <div id=\"gradimento_report_${report.id}\"\r\n             style=\"display:flex; cursor:pointer; justify-content:flex-end;\"\r\n             onclick=\"toggleLikeReport(${report.id})\">\r\n            <i class=\"fa fa-thumbs-up like-button ${report.user_has_liked ? 'liked' : ''}\"\r\n               aria-hidden=\"true\"><\/i>\r\n            <span id=\"report-likes-count-${report.id}\"\r\n                  style=\"margin-left:5px;\">${report.report_gradimento}<\/span>\r\n        <\/div>`;\r\n    }\r\n\r\n    if (report.status === 'processing' && !isAdmin) {\r\n        popupContent += `\r\n        <div style=\"color:red; font-size:12px; margin-top:5px;\">\r\n            La segnalazione \u00e8 in fase di approvazione.\r\n            Potrai visualizzarla non appena sar\u00e0 approvata da un amministratore.\r\n        <\/div>`;\r\n    }\r\n\r\n    if (parseInt(report.user_id) === parseInt(currentUserId) && !isAdmin) {\r\n        popupContent += `\r\n        <a href=\"#\"\r\n           onclick=\"deleteReport(${report.id}); return false;\"\r\n           style=\"color:red!important; text-decoration:underline;\">\r\n           Elimina\r\n        <\/a>`;\r\n    }\r\n\r\n    if (isAdmin) {\r\n        if (report.status !== 'closed') {\r\n            popupContent += `\r\n            <a href=\"#\"\r\n               onclick=\"closeReport(${report.id}, this)\"\r\n               style=\"color:blue!important; text-decoration:underline;\">\r\n               Chiudi\r\n            <\/a>`;\r\n        }\r\n        popupContent += `\r\n        <a href=\"#\"\r\n           onclick=\"deleteReport(${report.id}); return false;\"\r\n           style=\"color:red!important; text-decoration:underline;\">\r\n           Elimina\r\n        <\/a>`;\r\n        if (report.status !== 'hidden') {\r\n            popupContent += `\r\n            <a href=\"#\"\r\n               onclick=\"hideReport(${report.id}); return false;\"\r\n               style=\"color:red!important; text-decoration:underline;\">\r\n               Nascondi\r\n            <\/a>`;\r\n        }\r\n        if (['closed','hidden','processing','inappropriate'].includes(report.status)) {\r\n            popupContent += `\r\n            <a href=\"#\"\r\n               onclick=\"openReport(${report.id}); return false;\"\r\n               style=\"color:green!important; text-decoration:underline;\">\r\n               Pubblica\r\n            <\/a>`;\r\n        }\r\n        if (report.status !== 'inappropriate') {\r\n            popupContent += `\r\n            <a href=\"#\"\r\n               onclick=\"inappropriateReport(${report.id}); return false;\"\r\n               style=\"color:red!important; text-decoration:underline;\">\r\n               Inappropriata\r\n            <\/a>`;\r\n        }\r\n    }\r\n\r\n    const reportUrl = 'https:\/\/geocityx.com\/?id='\r\n                      + report.id + '&lat=' + report.latitude + '&lng=' + report.longitude + '&zoom=19';\r\n    const googleMapsUrl          = `https:\/\/www.google.com\/maps\/search\/?api=1&query=${report.latitude},${report.longitude}`;\r\n    const googleMapsDirectionsUrl= `https:\/\/www.google.com\/maps\/dir\/?api=1&destination=${report.latitude},${report.longitude}`;\r\n    const shareButtons = `\r\n    <div class=\"share-buttons-popup\">\r\n        <a href=\"https:\/\/wa.me\/?text=Guarda%20questa%20segnalazione:%20${encodeURIComponent(reportUrl)}\"\r\n           target=\"_blank\" title=\"Condividi su WhatsApp\">\r\n           <i class=\"fa fa-whatsapp\" aria-hidden=\"true\"\r\n              style=\"font-size:16px; color:#25D366; margin-right:5px;\"><\/i>\r\n        <\/a>\r\n        <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(reportUrl)}\"\r\n           target=\"_blank\" title=\"Condividi su Facebook\">\r\n           <i class=\"fa fa-facebook\" aria-hidden=\"true\"\r\n              style=\"font-size:16px; color:#1877F2; margin-right:5px;\"><\/i>\r\n        <\/a>\r\n        <a href=\"${googleMapsUrl}\" target=\"_blank\" title=\"Visualizza in Google Maps\">\r\n           <i class=\"fa fa-map-marker\" aria-hidden=\"true\"\r\n              style=\"font-size:16px; color:#DB4437; margin-right:5px;\"><\/i>\r\n        <\/a>\r\n        <a href=\"${googleMapsDirectionsUrl}\" target=\"_blank\" title=\"Vai a destinazione con Google Maps\">\r\n           <i class=\"fa fa-location-arrow\" aria-hidden=\"true\"\r\n              style=\"font-size:16px; color:#DB4437; margin-right:5px;\"><\/i>\r\n        <\/a>\r\n        <a href=\"javascript:void(0);\"\r\n           onclick=\"copyToClipboard('${reportUrl}')\"\r\n           title=\"Copia URL\" style=\"cursor:pointer;\">\r\n           <i class=\"fa fa-link\" aria-hidden=\"true\"\r\n              style=\"font-size:16px; color:#000;\"><\/i>\r\n        <\/a>\r\n        <a href=\"javascript:void(0);\"\r\n           onclick=\"downloadQRCode(${report.id}, '${report.report_title}', '${markerUrl}')\"\r\n           title=\"Scarica QR Code\" style=\"cursor:pointer;\">\r\n           <i class=\"fa fa-qrcode\" aria-hidden=\"true\"\r\n              style=\"font-size:16px; color:#000; margin-left:5px;\"><\/i>\r\n        <\/a>\r\n    <\/div>`;\r\n    popupContent += shareButtons;\r\n    popupContent += `<\/div>`;\r\n\r\n    marker.bindPopup(popupContent).on('popupopen', function() {\r\n        const popup       = marker.getPopup();\r\n        const popupLatLng = popup.getLatLng();\r\n        const mapSize     = map.getSize();\r\n        const offset      = mapSize.y * -0.30;\r\n        const point       = map.latLngToContainerPoint(popupLatLng).subtract([0, -offset]);\r\n        const newLatLng   = map.containerPointToLatLng(point);\r\n\r\n        map.setView(newLatLng, map.getZoom(), {\r\n            animate: true,\r\n            duration: 0.5\r\n        });\r\n\r\n        const responseList = document.querySelector(`#response-list-${report.id}`);\r\n        if (responseList) {\r\n            loadResponses(report.id, responseList);\r\n        }\r\n    });\r\n}\r\n\r\nfunction loadResponses(reportId, responseList) {\r\n    const loader = document.createElement('div');\r\n    loader.innerHTML = 'Caricamento<span>.<\/span><span>.<\/span><span>.<\/span>';\r\n    loader.classList.add('loader');\r\n\r\n    responseList.innerHTML = '';\r\n    responseList.appendChild(loader);\r\n\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php', {\r\n            method: 'POST',\r\n            headers: {\r\n                'Content-Type': 'application\/x-www-form-urlencoded'\r\n            },\r\n            body: new URLSearchParams({\r\n                action: 'osgr_get_report_responses',\r\n                report_id: reportId\r\n            })\r\n        })\r\n        .then(response => response.json())\r\n        .then(data => {\r\n            loader.style.display = 'none';\r\n            if (data.success) {\r\n                const responses = data.data;\r\n                if (responses.length > 0) {\r\n                    responseList.innerHTML = `\r\n            <strong>Risposte:<\/strong>\r\n            <div id=\"responses-container-${reportId}\" style=\"\"><\/div>`;\r\n                    const responsesContainer = document.querySelector(`#responses-container-${reportId}`);\r\n                    responses.forEach(function(response) {\r\n                        let truncatedResponse = truncateText(response.response_text, 135);\r\n                        let formattedResponseDate = formatDate(response.created_at);\r\n                        const currentUserId = parseInt('0');\r\n                        const responseUserId = parseInt(response.responder_user_id, 10);\r\n                        const responderNameStyle = adminIds.includes(responseUserId) ? 'color: red;' : 'color: black;';\r\n                        const responderName = adminIds.includes(responseUserId) ?\r\n                            `${response.responder_name} (Gestore)` : response.responder_name;\r\n\r\n                        const deleteButton = (responseUserId === currentUserId) ?\r\n                            `<a href=\"#\" onclick=\"deleteResponse(${response.response_id}, ${reportId}); return false;\" style=\"color: red!important; text-decoration: underline;\">Elimina<\/a>` :\r\n                            '';\r\n\r\n                        let responseContent = '';\r\n                        if (adminIds.includes(currentUserId)) {\r\n                            if (response.status === 'processing') {\r\n                                responseContent =\r\n                                    `<div style=\"color: green;\">${truncatedResponse} <br>\u23f3 <em>(In attesa di approvazione)<\/em><\/div>`;\r\n                            } else if (response.status === 'inappropriate') {\r\n                                responseContent =\r\n                                    `<div style=\"color: red;\">${truncatedResponse} <br>\ud83d\udeab <em>(Contenuto inappropriato)<\/em><\/div>`;\r\n                            } else {\r\n                                responseContent = `<div>${truncatedResponse}<\/div>`;\r\n                            }\r\n                        } else {\r\n                            if (response.status === 'processing') {\r\n                                responseContent =\r\n                                    `<em style=\"color: gray;\">In attesa di approvazione \u23f3<\/em>`;\r\n                            } else if (response.status === 'inappropriate') {\r\n                                responseContent =\r\n                                    `<em style=\"color: gray;\">Contenuto inappropriato \ud83d\udeab<\/em>`;\r\n                            } else {\r\n                                responseContent = `<div>${truncatedResponse}<\/div>`;\r\n                            }\r\n                        }\r\n\r\n                        const approveButton = (response.status === 'processing' || response.status ===\r\n                                'inappropriate') && adminIds.includes(currentUserId) ?\r\n                            `<a href=\"#\" onclick=\"approveResponse(${response.response_id}, ${reportId}); return false;\" style=\"color: green!important; text-decoration: underline;\">Approva<\/a>` :\r\n                            '';\r\n                        const inappropriateContentButton = (response.status !== 'inappropriate' &&\r\n                                adminIds.includes(currentUserId)) ?\r\n                            `<a href=\"#\" onclick=\"inappropriateContentResponse(${response.response_id}, ${reportId}); return false;\" style=\"color: red!important; text-decoration: underline;\">Inappropriato<\/a>` :\r\n                            '';\r\n\r\n                        responsesContainer.innerHTML += `\r\n                <div style=\"margin-top: 5px;\">\r\n                    <strong style=\"${responderNameStyle}\">${responderName}<\/strong>\r\n                    <em>${formattedResponseDate} (${calculateDaysAgo(response.created_at)} giorni fa)<\/em>\r\n                    <div id=\"rispostaimmagine\">\r\n                        ${responseContent}\r\n                        ${response.image_url ? `<a href=\"${response.image_url}\" data-lightbox=\"response-${response.response_id}\">\r\n                                <img decoding=\"async\" src=\"${response.image_url}\" alt=\"\" style=\"margin-left:3px; max-height:45px; max-width: 45px;\">\r\n                            <\/a>` : ''}\r\n                    <\/div>\r\n                    ${deleteButton}\r\n                    ${approveButton}\r\n                    ${inappropriateContentButton}\r\n                <\/div>`;\r\n                    });\r\n                    setTimeout(() => {\r\n                        responsesContainer.scrollTop = responsesContainer.scrollHeight;\r\n                    }, 0);\r\n                } else {\r\n                    responseList.innerHTML = '<strong>Nessuna risposta disponibile.<\/strong>';\r\n                }\r\n            }\r\n        })\r\n        .catch(error => {\r\n            loader.style.display = 'none';\r\n            responseList.innerHTML = '<strong>Errore durante il caricamento delle risposte.<\/strong>';\r\n            console.error('Errore nel recupero delle risposte:', error);\r\n        });\r\n}\r\n\r\nfunction formatDate(dateString) {\r\n    const options = {\r\n        day: 'numeric',\r\n        month: 'short',\r\n        year: 'numeric',\r\n        hour: 'numeric',\r\n        minute: 'numeric'\r\n    };\r\n    return new Date(dateString).toLocaleDateString('it-IT', options).replace(\/ \/g, ' ');\r\n}\r\n\r\nfunction calculateDaysAgo(dateString) {\r\n    const responseDate = new Date(dateString);\r\n    const today = new Date();\r\n    responseDate.setHours(0, 0, 0, 0);\r\n    today.setHours(0, 0, 0, 0);\r\n    const timeDifference = today - responseDate;\r\n    const daysAgo = Math.floor(timeDifference \/ (1000 * 60 * 60 * 24));\r\n    return daysAgo;\r\n}\r\n\r\nfunction truncateText(text, maxLength) {\r\n    if (text.length > maxLength) {\r\n        return `${text.substring(0, maxLength)}... <a href=\"#\" onclick=\"this.parentNode.innerHTML='${text}'; return false;\"> altro<\/a>`;\r\n    }\r\n    return text;\r\n}\r\n\r\nmap.on('dblclick', function(e) {\r\n        var popupContent = `\r\n    <div class=\"custom-popup\" style=\"text-align: center;\">\r\n        <strong>Accedi per inviare una segnalazione<\/strong><br>\r\n        <a href=\"#\" id=\"openLoginPopup\" style=\"color: blue; text-decoration: underline;\">\r\n            Accedi\r\n        <\/a>\r\n    <\/div>\r\n`;\r\n    \r\n    var popup = L.popup()\r\n        .setLatLng(e.latlng)\r\n        .setContent(popupContent)\r\n        .openOn(map);\r\n\r\n    document.getElementById('timed_event').addEventListener('change', function() {\r\n        var dateFields = document.getElementById('date_fields');\r\n        dateFields.style.display = this.checked ? 'block' : 'none';\r\n    });\r\n\r\n    document.getElementById('osgr-popup-form').addEventListener('submit', async function(event) {\r\n        event.preventDefault();\r\n        showLoader();\r\n\r\n        const submitButton = event.target.querySelector('button[type=\"submit\"]');\r\n        const originalButtonText = submitButton.innerHTML;\r\n        submitButton.innerHTML =\r\n            'Invio<span class=\"dot\">.<\/span><span class=\"dot\">.<\/span><span class=\"dot\">.<\/span>';\r\n        submitButton.disabled = true;\r\n\r\n        const reportData = new FormData(event.target);\r\n        reportData.append('action', 'osgr_save_report');\r\n\r\n        try {\r\n            const response = await fetch(\r\n                'https:\/\/geocityx.com\/wp-admin\/admin-ajax.php', {\r\n                    method: 'POST',\r\n                    body: reportData,\r\n                });\r\n            const data = await response.json();\r\n            submitButton.innerHTML = originalButtonText;\r\n            submitButton.disabled = false;\r\n            if (data.success) {\r\n                var newReport = {\r\n                    id: data.report_id,\r\n                    latitude: e.latlng.lat,\r\n                    longitude: e.latlng.lng,\r\n                    report_type: document.getElementById('report_type').value,\r\n                    status: 'open',\r\n                    user_id: 0,\r\n                    reporter_name: '',\r\n                    description: document.getElementById('description').value,\r\n                    report_date: new Date().toISOString(),\r\n                    responses: [],\r\n                    image_url: data.image_url || null,\r\n                    start_date: document.getElementById('start_date').value || null,\r\n                    end_date: document.getElementById('end_date').value || null\r\n                };\r\n                createMarker(newReport, reportTypeColors, isAdmin, map, reportMarkers);\r\n                map.closePopup();\r\n            } else {\r\n                alert('Errore durante l\\'invio della segnalazione: ' + data.data);\r\n            }\r\n        } catch (error) {\r\n            console.error('Errore:', error);\r\n            alert('Errore: ' + error.message);\r\n        } finally {\r\n            hideLoader();\r\n        }\r\n    });\r\n});\r\n\r\n\r\nwindow.submitResponse = function(button, reportId, responseText) {\r\n    showLoader();\r\n    const formData = new FormData();\r\n    formData.append('action', 'osgr_save_response'); \/* <--- CORRETTO: era 'save_response' prima *\/\r\n    formData.append('report_id', reportId);\r\n    formData.append('response_text', responseText);\r\n\r\n    const fileInput = document.getElementById('image_' + reportId);\r\n    if (fileInput && fileInput.files.length > 0) {\r\n        formData.append('image', fileInput.files[0]);\r\n    }\r\n\r\n    const submitButton = button;\r\n    const originalButtonText = submitButton.innerHTML;\r\n    submitButton.innerHTML =\r\n        'Invio<span class=\"dot\">.<\/span><span class=\"dot\">.<\/span><span class=\"dot\">...<\/span>';\r\n    submitButton.disabled = true;\r\n\r\n    fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php', {\r\n            method: 'POST',\r\n            body: formData\r\n        })\r\n        .then(response => response.json())\r\n        .then(data => {\r\n            submitButton.innerHTML = originalButtonText;\r\n            submitButton.disabled = false;\r\n            if (data.success) {\r\n                const responseList = document.getElementById('response-list-' + reportId);\r\n                if (responseList) {\r\n                    loadResponses(reportId, responseList);\r\n                }\r\n                document.getElementById('response_' + reportId).value = '';\r\n                if (fileInput) fileInput.value = '';\r\n            } else {\r\n                alert('Errore durante l\\'invio della risposta: ' + data.data);\r\n            }\r\n        })\r\n        .catch(error => {\r\n            submitButton.innerHTML = originalButtonText;\r\n            submitButton.disabled = false;\r\n            console.error('Errore:', error);\r\n            alert('Errore: ' + error.message);\r\n        })\r\n        .finally(hideLoader);\r\n};\r\n\r\n    \/\/ Funzione per segnalare una risposta come inappropriata\r\n    window.inappropriateContentResponse = function(responseId, reportId) {\r\n        showLoader();\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_inappropriate_response', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: new URLSearchParams({\r\n                    response_id: responseId\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    const responseList = document.getElementById('response-list-' + reportId);\r\n                    if (responseList) {\r\n                        loadResponses(reportId, responseList);\r\n                    }\r\n                } else {\r\n                    alert('Errore durante la segnalazione della risposta come inappropriata: ' + data.data);\r\n                }\r\n            })\r\n            .catch(error => {\r\n                console.error('Errore:', error);\r\n                alert('Errore: ' + error.message);\r\n            })\r\n            .finally(hideLoader);\r\n    };\r\n\r\n    \/\/ Funzione per approvare una risposta\r\n    window.approveResponse = function(responseId, reportId) {\r\n        showLoader();\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_approve_response', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: new URLSearchParams({\r\n                    response_id: responseId\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    const responseList = document.getElementById('response-list-' + reportId);\r\n                    if (responseList) {\r\n                        loadResponses(reportId, responseList);\r\n                    }\r\n                } else {\r\n                    alert('Errore durante l\\'approvazione della risposta: ' + data.data);\r\n                }\r\n            })\r\n            .catch(error => {\r\n                console.error('Errore:', error);\r\n                alert('Errore: ' + error.message);\r\n            })\r\n            .finally(hideLoader);\r\n    };\r\n\r\n    \/\/ Funzione per eliminare una risposta\r\n    window.deleteResponse = function(responseId, reportId) {\r\n        showLoader();\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_delete_response', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: new URLSearchParams({\r\n                    response_id: responseId\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    const responseList = document.getElementById('response-list-' + reportId);\r\n                    if (responseList) {\r\n                        loadResponses(reportId, responseList);\r\n                    }\r\n                } else {\r\n                    alert('Errore durante l\\'eliminazione della risposta: ' + data.data);\r\n                }\r\n            })\r\n            .catch(error => {\r\n                console.error('Errore:', error);\r\n                alert('Errore: ' + error.message);\r\n            })\r\n            .finally(hideLoader);\r\n    };\r\n\r\n    window.toggleLikeReport = function(reportId) {\r\n        const likeIcon = document.querySelector(`#gradimento_report_${reportId} i.like-button`);\r\n        const likeCount = document.getElementById(`report-likes-count-${reportId}`);\r\n\r\n        \/\/ Disabilita temporaneamente il pulsante di like durante la richiesta\r\n        likeIcon.style.pointerEvents = 'none';\r\n\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: new URLSearchParams({\r\n                    action: 'osgr_toggle_like',\r\n                    id: reportId\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n\r\n\r\n\r\n\r\n\r\n                    \/\/ }\r\n                    \/\/ Cambia lo stato dell'icona like e lo style e aggiorna il colore correttamente\r\n                    likeIcon.classList.toggle('liked');\r\n                    likeIcon.style.color = likeIcon.classList.contains('liked') ? '#007bff' : '#000';\r\n\r\n\r\n                    \/\/ Aggiorna il conteggio dei like con il nuovo valore dal database Affianco al pulsante \"like\" c'\u00e8 un conteggio dei like\r\n                    likeCount.textContent = data.new_gradimento;\r\n\r\n                    \/\/aggiorna realtime il numero totale di like della segnalazione nel popup con il nuovo valore\r\n                    const reportLikesCount = document.getElementById(`report-likes-count-${reportId}`);\r\n                    if (reportLikesCount) {\r\n                        reportLikesCount.textContent = data.new_gradimento;\r\n                    }\r\n\r\n                } else {\r\n                    console.error('Errore durante l\\'aggiornamento del like:', data.message);\r\n                }\r\n            })\r\n            .catch(error => {\r\n                console.error('Errore durante l\\'aggiornamento del like:', error);\r\n            })\r\n            .finally(() => {\r\n                \/\/ Riabilita il pulsante dopo la richiesta\r\n                likeIcon.style.pointerEvents = 'auto';\r\n            });\r\n    };\r\n\r\n\r\n\r\n\r\n    \/\/ Funzione per segnalare una segnalazione come inappropriata\r\n    window.inappropriateReport = function(reportId) {\r\n        if (confirm('Sei sicuro di voler segnalare questa segnalazione come inappropriata?')) {\r\n            \/\/ Mostra il loader all'inizio dell'azione\r\n            showLoader();\r\n\r\n            fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_inappropriate_report', {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/x-www-form-urlencoded'\r\n                    },\r\n                    body: new URLSearchParams({\r\n                        report_id: reportId\r\n                    })\r\n                })\r\n                .then(response => response.json())\r\n                .then(data => {\r\n                    if (data.success) {\r\n                        \/\/ alert('Segnalazione contrassegnata come inappropriata.');\r\n                    } else {\r\n                        alert('Errore durante la segnalazione della segnalazione come inappropriata: ' + data\r\n                            .data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    console.error('Errore:', error);\r\n                    alert('Errore: ' + error.message);\r\n                })\r\n                .finally(() => {\r\n                    \/\/ Nascondi il loader alla fine dell'operazione\r\n                    hideLoader();\r\n                    \/\/assegna l'opacity 0.3 al marker\r\n\r\n                });\r\n            map.closePopup();\r\n        }\r\n    };\r\n\r\n    window.closeReport = function(reportId, button) {\r\n        \/\/ Mostra il loader all'inizio dell'azione\r\n        showLoader();\r\n\r\n        fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_close_report', {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: new URLSearchParams({\r\n                    report_id: reportId\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    \/\/ Rimuove il pulsante di chiusura\r\n                    button.remove();\r\n\r\n                    \/\/ Se esiste un marker per questo report, procedi con l\u2019aggiornamento\r\n                    if (reportMarkers[reportId]) {\r\n                        \/\/ Imposta il marker a opacit\u00e0 ridotta\r\n                        reportMarkers[reportId].setOpacity(0.3);\r\n\r\n                        \/\/ Verifica che il server abbia restituito il report aggiornato\r\n                        if (!data.report) {\r\n                            console.error('Report non trovato nella risposta del server.');\r\n                            return;\r\n                        }\r\n\r\n                        const report = data.report;\r\n                        const reportUserId = report.user_id;\r\n\r\n                        \/\/ (1) Recuperiamo tutte le categorie salvate su $updated_categories[]    'icon'  \r\n                        const categories = [{\"name\":\"Chiese\",\"icon\":\"fa fa-church\"},{\"name\":\"Parchi\",\"icon\":\"fa fa-tree\"},{\"name\":\"Teatri\",\"icon\":\"fa fa-masks-theater\"},{\"name\":\"Punti Panoramici\",\"icon\":\"fa fa-street-view\"},{\"name\":\"Archeologia\",\"icon\":\"fa-solid fa-archway\"},{\"name\":\"Masserie\",\"icon\":\"fa fa-anchor-circle-exclamation\"},{\"name\":\"Altre Bellezze\",\"icon\":\"fa-solid fa-plus\"},{\"name\":\"Cinema\",\"icon\":\"fa-solid fa-film\"},{\"name\":\"Teatro\",\"icon\":\"fa fa-masks-theater\"},{\"name\":\"Feste e sagre\",\"icon\":\"fa-solid fa-champagne-glasses\"},{\"name\":\"Culturali\",\"icon\":\"fa-solid fa-book\"},{\"name\":\"Musica\",\"icon\":\"fa-solid fa-music\"},{\"name\":\"Sportivi\",\"icon\":\"fa-solid fa-volleyball\"},{\"name\":\"Altri Eventi\",\"icon\":\"fa-solid fa-plus\"},{\"name\":\"Rifiuti\",\"icon\":\"fa-solid fa-trash-can\"},{\"name\":\"Buche\",\"icon\":\"fa-solid fa-road\"},{\"name\":\"Illuminazione\",\"icon\":\"fa-solid fa-lightbulb\"},{\"name\":\"Viabilit\\u00e0 e parcheggi\",\"icon\":\"fa-solid fa-car\"},{\"name\":\"Incendi\",\"icon\":\"fa-solid fa-fire\"},{\"name\":\"Acque\",\"icon\":\"fa-solid fa-faucet\"},{\"name\":\"Aria\",\"icon\":\"fa-solid fa-wind\"},{\"name\":\"Altre segnalazioni\",\"icon\":\"fa-solid fa-plus\"}];\r\n                        \/\/log dei dati delle categorie                   \r\n                        console.log(update_categories);\r\n\r\n                        \/\/ Tipo di segnalazione attuale (ad es. \"buche_stradali\")\r\n                        const reportTypeName = report.report_type;\r\n\r\n                        \/\/ (2) Trovare l'icona corretta per il tipo di segnalazione\r\n                        const tipeIcon = categories.find(category => category.name === reportTypeName)?.icon;\r\n\r\n\r\n\r\n                        \/\/ Dati utente e admin\r\n                        const currentUserId = '0';\r\n                        const adminIds =\r\n                            [\"1\"];\r\n                        const creatorIsAdmin = adminIds.includes(reportUserId);\r\n                        const userEmoji = reportUserId === currentUserId ? '\ud83d\udc68' : '';\r\n\r\n                        \/\/ (4) Creare la nuova icona\r\n                        let iconHtml = '';\r\n                        if (creatorIsAdmin) {\r\n                            \/\/ Cerchio pieno\r\n                            iconHtml = `\r\n                    <div style=\"position: relative; display: inline-block;\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                             width=\"32\" height=\"32\"\r\n                             viewBox=\"0 0 24 24\"\r\n                             fill=\"gray\"\r\n                             stroke=\"black\"\r\n                             stroke-width=\"1\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"8\" \/>\r\n                        <\/svg>\r\n                        ${userEmoji ? `\r\n                            <div style=\"position: absolute; top: 4px; left: 8px; font-size: 12px;\">\r\n                                ${userEmoji}\r\n                            <\/div>` : ''}\r\n\r\n                        ${tipeIcon ? `\r\n                            <i class=\"${tipeIcon}\" style=\"\r\n                                position: absolute;\r\n                                top: 45%;\r\n                                left: 50%;\r\n                                transform: translate(-50%, -50%);\r\n                                font-size: 12px;\r\n                                color: white;\">\r\n                            <\/i>` : ''}\r\n                    <\/div>\r\n                    `;\r\n                        } else {\r\n                            \/\/ Goccia piena\r\n                            iconHtml = `\r\n                    <div style=\"position: relative; display: inline-block;\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                             width=\"32\" height=\"32\"\r\n                             viewBox=\"0 0 24 24\"\r\n                             fill=\"gray\"\r\n                             stroke=\"black\"\r\n                             stroke-width=\"1\">\r\n                            <path d=\"M12 2C8.13401 2 5 5.13401 5 9\r\n                                    C5 13.9391 11.3495 21.3137 11.6527 21.6704\r\n                                    C11.8404 21.8871 12.1596 21.8871 12.3473 21.6704\r\n                                    C12.6505 21.3137 19 13.9391 19 9\r\n                                    C19 5.13401 15.866 2 12 2Z\" \/>\r\n                        <\/svg>\r\n                        ${userEmoji ? `\r\n                            <div style=\"position: absolute; top: -33px; left: 8px;\">\r\n                                ${userEmoji}\r\n                            <\/div>` : ''}\r\n\r\n                        ${tipeIcon ? `\r\n                            <i class=\"${tipeIcon}\" style=\"\r\n                                position: absolute;\r\n                                top: 35%;\r\n                                left: 50%;\r\n                                transform: translate(-50%, -50%);\r\n                                font-size: 12px;\r\n                                color: white;\">\r\n                            <\/i>` : ''}\r\n                    <\/div>\r\n                    `;\r\n                        }\r\n\r\n                        \/\/ (5) Crea la nuova icona Leaflet\r\n                        const markerIcon = L.divIcon({\r\n                            className: 'custom-svg-marker',\r\n                            html: iconHtml,\r\n                            iconSize: [32, 32],\r\n                            iconAnchor: [16, 32],\r\n                            popupAnchor: [0, -32]\r\n                        });\r\n\r\n                        \/\/ Applica la nuova icona al marker\r\n                        reportMarkers[reportId].setIcon(markerIcon);\r\n\r\n                        \/\/ (6) Aggiorna il popup (chiuso invece di aperto)\r\n                        const popup = reportMarkers[reportId].getPopup();\r\n                        let popupContent = popup.getContent();\r\n                        popupContent = popupContent\r\n                            .replace('<strong>Aperta<\/strong> \ud83d\udfe2', '<strong>Chiusa<\/strong> \u274c')\r\n                            .replace(\r\n                                '<button onclick=\"closeReport(' + reportId +\r\n                                ', this)\" class=\"close-report-btn\">Chiudi<\/button>',\r\n                                ''\r\n                            );\r\n                        popup.setContent(popupContent);\r\n                    }\r\n\r\n                    alert('Segnalazione chiusa con successo.');\r\n                } else {\r\n                    alert('Errore durante la chiusura della segnalazione: ' + data.data);\r\n                }\r\n            })\r\n            .catch(error => {\r\n                console.error('Errore durante la chiusura della segnalazione:', error);\r\n                alert('Errore durante la chiusura della segnalazione: ' + error.message);\r\n            })\r\n            .finally(() => {\r\n                \/\/ Nascondi il loader in ogni caso\r\n                hideLoader();\r\n                \/\/ Chiudi il popup\r\n                map.closePopup();\r\n            });\r\n    };\r\n\r\n    \/\/feed\r\n\r\n\r\n\r\n\r\n    \/\/ Funzione per eliminare una segnalazione\r\n    window.deleteReport = function(reportId) {\r\n        if (confirm('Sei sicuro di voler eliminare questa segnalazione?')) {\r\n            \/\/ Mostra il loader all'inizio dell'azione\r\n            showLoader();\r\n\r\n            fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_delete_report', {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/x-www-form-urlencoded'\r\n                    },\r\n                    body: new URLSearchParams({\r\n                        report_id: reportId\r\n                    })\r\n                })\r\n                .then(response => response.json())\r\n                .then(data => {\r\n                    if (data.success) {\r\n                        \/\/ Rimuovi il marker specifico per la segnalazione eliminata dalla mappa\r\n                        if (reportMarkers[reportId]) {\r\n                            map.removeLayer(reportMarkers[reportId]);\r\n                            delete reportMarkers[reportId]; \/\/ Elimina il marker dall'oggetto\r\n                        }\r\n                        \/\/ alert('Segnalazione eliminata con successo.');\r\n                    } else {\r\n                        alert('Errore durante l\\'eliminazione della segnalazione: ' + data.data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    console.error('Errore durante l\\'eliminazione della segnalazione:', error);\r\n                    alert('Errore durante l\\'eliminazione della segnalazione: ' + error.message);\r\n                })\r\n                .finally(() => {\r\n                    \/\/ Nascondi il loader alla fine dell'operazione\r\n                    hideLoader();\r\n                });\r\n        }\r\n    };\r\n\r\n\r\n\r\n    window.hideReport = function(reportId) {\r\n        if (confirm('Sei sicuro di voler nascondere questa segnalazione?')) {\r\n            \/\/ Mostra il loader all'inizio dell'azione\r\n            showLoader();\r\n            fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_hide_report', {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/x-www-form-urlencoded'\r\n                    },\r\n                    body: new URLSearchParams({\r\n                        report_id: reportId\r\n                    })\r\n                })\r\n                .then(response => response.json())\r\n                .then(data => {\r\n                    if (data.success) {\r\n                        \/\/ Nascondi il marker impostando l'opacit\u00e0 a 0.3 e aggiorna il popup\r\n                        if (reportMarkers[reportId]) {\r\n                            reportMarkers[reportId].setOpacity(0.3); \/\/ Nasconde il marker visivamente\r\n\r\n                            var popup = reportMarkers[reportId].getPopup();\r\n                            var popupContent = popup.getContent();\r\n                            popupContent = popupContent.replace('<strong>Aperta<\/strong> \ud83d\udfe2',\r\n                                    '<strong>Nascosta<\/strong> \ud83d\ude48')\r\n                                .replace('<button onclick=\"closeReport(' + reportId +\r\n                                    ', this)\" class=\"close-report-btn\">Chiudi<\/button>', '');\r\n                            popup.setContent(popupContent);\r\n                        }\r\n                        alert('Segnalazione nascosta con successo.');\r\n                    } else {\r\n                        alert('Errore durante il nascondimento della segnalazione: ' + data.data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    console.error('Errore durante il nascondimento della segnalazione:', error);\r\n                    alert('Errore durante il nascondimento della segnalazione: ' + error.message);\r\n                })\r\n                .finally(() => {\r\n                    \/\/ Nascondi il loader alla fine dell'operazione\r\n                    hideLoader();\r\n                });\r\n\r\n        }\r\n    };\r\n\r\n\r\n    window.openReport = function(reportId) {\r\n        if (confirm('Sei sicuro di voler riaprire questa segnalazione?')) {\r\n            \/\/ Mostra il loader subito dopo il clic su \"Invia\"\r\n            showLoader();\r\n            fetch('https:\/\/geocityx.com\/wp-admin\/admin-ajax.php?action=osgr_open_report', {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/x-www-form-urlencoded'\r\n                    },\r\n                    body: new URLSearchParams({\r\n                        report_id: reportId\r\n                    })\r\n                })\r\n                .then(response => response.json())\r\n                .then(data => {\r\n                    if (data.success) {\r\n                        \/\/ Rendi il marker di nuovo visibile e aggiorna il popup\r\n                        if (reportMarkers[reportId]) {\r\n                            reportMarkers[reportId].setOpacity(1); \/\/ Rende di nuovo visibile il marker\r\n\r\n                            var popup = reportMarkers[reportId].getPopup();\r\n                            var popupContent = popup.getContent();\r\n                            popupContent = popupContent.replace('<strong>Chiusa<\/strong> \u274c',\r\n                                    '<strong>Aperta<\/strong> \ud83d\udfe2')\r\n                                .replace('<a href=\"#\" onclick=\"openReport(' + reportId +\r\n                                    '); return false;\" style=\"color: red!important; text-decoration: underline;\">Riapri<\/a>',\r\n                                    '');\r\n                            popup.setContent(popupContent);\r\n                        }\r\n                        alert('Segnalazione riaperta con successo.');\r\n                    } else {\r\n                        alert('Errore durante la riapertura della segnalazione: ' + data.data);\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    console.error('Errore durante la riapertura della segnalazione:', error);\r\n                    alert('Errore durante la riapertura della segnalazione: ' + error.message);\r\n                })\r\n                .finally(() => {\r\n                    \/\/ Nascondi il loader alla fine dell'operazione\r\n                    hideLoader();\r\n                });\r\n\r\n        }\r\n    };\r\n\r\n};\r\n\r\nvar userMarkers = {};\r\n<\/script>\r\n    <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const mapButtons = document.querySelectorAll('.osgr-map-button[data-map-type]');\r\n        let initialMapTypes = 'bellezze,Eventi,Segnalazioni'.split(',');\r\n        let currentMapTypes = 'bellezze,Eventi,Segnalazioni'.split(',');\r\n        const show = '';\r\n\r\n        function updateUrlWithMapTypes() {\r\n            const url = new URL(window.location);\r\n            url.searchParams.delete('show');\r\n            if (currentMapTypes.length > 0) {\r\n                url.searchParams.set('mappa_type', currentMapTypes.join(','));\r\n            } else {\r\n                url.searchParams.delete('mappa_type');\r\n            }\r\n            window.location.href = url.toString();\r\n        }\r\n\r\n        mapButtons.forEach(button => {\r\n            button.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                const mapType = this.getAttribute('data-map-type');\r\n                if (!mapType) return;\r\n\r\n                if (currentMapTypes.includes(mapType)) {\r\n                    currentMapTypes = currentMapTypes.filter(type => type !== mapType);\r\n                    this.classList.remove('active');\r\n                } else {\r\n                    currentMapTypes.push(mapType);\r\n                    this.classList.add('active');\r\n                }\r\n                updateUrlWithMapTypes();\r\n            });\r\n        });\r\n\r\n        const calendarButton = document.getElementById('osgr-calendar-button');\r\n        const closeCalendarButton = document.getElementById('osgr-close-calendar-button');\r\n\r\n        if (calendarButton) {\r\n            calendarButton.addEventListener('click', function() {\r\n                const url = new URL(window.location);\r\n                url.searchParams.set('show', 'calendar');\r\n                url.searchParams.delete('mappa_type');\r\n                window.location.href = url.toString();\r\n            });\r\n        }\r\n        if (closeCalendarButton) {\r\n            closeCalendarButton.addEventListener('click', function() {\r\n                const url = new URL(window.location);\r\n                url.searchParams.delete('show');\r\n                window.location.href = url.toString();\r\n            });\r\n        }\r\n\r\n        const fullscreenButton = document.getElementById('osgr-fullscreen-button');\r\n        if (fullscreenButton) {\r\n            fullscreenButton.addEventListener('click', function() {\r\n                const mapContent = document.getElementById('osgr-map-content');\r\n                const map = document.getElementById('osgr-map');\r\n                const legend = document.getElementById('toggle-legend');\r\n                const infoIcon = document.getElementById('info-icon');\r\n\r\n                let exitFullscreenButton = document.getElementById('osgr-exit-fullscreen-button');\r\n                if (!exitFullscreenButton) {\r\n                    exitFullscreenButton = document.createElement('button');\r\n                    exitFullscreenButton.id = 'osgr-exit-fullscreen-button';\r\n                    exitFullscreenButton.innerHTML = '<i class=\"fas fa-times\"><\/i>';\r\n                    exitFullscreenButton.style.position = 'absolute';\r\n                    exitFullscreenButton.style.top = '50%';\r\n                    exitFullscreenButton.style.left = '10px';\r\n                    exitFullscreenButton.style.zIndex = '1000';\r\n                    exitFullscreenButton.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';\r\n                    exitFullscreenButton.style.color = '#fff';\r\n                    exitFullscreenButton.style.border = 'none';\r\n                    exitFullscreenButton.style.borderRadius = '5px';\r\n                    exitFullscreenButton.style.padding = '10px';\r\n                    exitFullscreenButton.style.cursor = 'pointer';\r\n                    exitFullscreenButton.style.display = 'none';\r\n                    exitFullscreenButton.title = 'Esci dalla modalit\u00e0 fullscreen';\r\n                    mapContent.appendChild(exitFullscreenButton);\r\n\r\n                    exitFullscreenButton.addEventListener('click', function() {\r\n                        document.exitFullscreen().catch(err => {\r\n                            console.error(`Errore durante l'uscita dal fullscreen: ${err.message}`);\r\n                        });\r\n                    });\r\n                }\r\n\r\n                if (document.fullscreenElement) {\r\n                    document.exitFullscreen().then(() => {\r\n                        map.style.height = '70vh';\r\n                        legend.style.top = '50px';\r\n                        infoIcon.style.display = 'flex';\r\n                        exitFullscreenButton.style.display = 'none';\r\n                    }).catch(err => {\r\n                        console.error(`Errore durante l'uscita dal fullscreen: ${err.message}`);\r\n                    });\r\n                } else {\r\n                    if (mapContent.requestFullscreen) {\r\n                        mapContent.requestFullscreen().then(() => {\r\n                            map.style.height = '100vh';\r\n                            legend.style.top = '10px';\r\n                            infoIcon.style.display = 'none';\r\n                            exitFullscreenButton.style.display = 'block';\r\n                        }).catch(err => {\r\n                            console.error(`Errore durante l'entrata nel fullscreen: ${err.message}`);\r\n                        });\r\n                    } else if (mapContent.mozRequestFullScreen) {\r\n                        mapContent.mozRequestFullScreen();\r\n                        map.style.height = '100vh';\r\n                        legend.style.top = '10px';\r\n                        infoIcon.style.display = 'none';\r\n                        exitFullscreenButton.style.display = 'block';\r\n                    } else if (mapContent.webkitRequestFullscreen) {\r\n                        mapContent.webkitRequestFullscreen();\r\n                        map.style.height = '100vh';\r\n                        legend.style.top = '10px';\r\n                        infoIcon.style.display = 'none';\r\n                        exitFullscreenButton.style.display = 'block';\r\n                    } else if (mapContent.msRequestFullscreen) {\r\n                        mapContent.msRequestFullscreen();\r\n                        map.style.height = '100vh';\r\n                        legend.style.top = '10px';\r\n                        infoIcon.style.display = 'none';\r\n                        exitFullscreenButton.style.display = 'block';\r\n                    }\r\n                }\r\n            });\r\n\r\n            document.addEventListener('fullscreenchange', function() {\r\n                const map = document.getElementById('osgr-map');\r\n                const legend = document.getElementById('toggle-legend');\r\n                const infoIcon = document.getElementById('info-icon');\r\n                const exitFullscreenBtn = document.getElementById('osgr-exit-fullscreen-button');\r\n\r\n                if (!document.fullscreenElement) {\r\n                    map.style.height = '70vh';\r\n                    legend.style.top = '50px';\r\n                    infoIcon.style.display = 'flex';\r\n                    if (exitFullscreenBtn) {\r\n                        exitFullscreenBtn.style.display = 'none';\r\n                    }\r\n                } else {\r\n                    map.style.height = '100vh';\r\n                    legend.style.top = '10px';\r\n                    infoIcon.style.display = 'none';\r\n                    if (exitFullscreenBtn) {\r\n                        exitFullscreenBtn.style.display = 'block';\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    });\r\n    <\/script>\r\n        <\/div>\n<\/div>\n<!-- \/module plain text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_8e7w815 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_t8ys815 first\">\n                            <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_qpc1755\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_bxsx755 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_v1jb263   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p><strong>GeoCityX<\/strong> \u00e8 una piattaforma unica, progettata per mettere il cittadino al centro della gestione del territorio. Ogni individuo, grazie a GeoCityX, pu\u00f2 contribuire attivamente a valorizzare il proprio ambiente, condividere le sue bellezze inaspettate, segnalare eventi e opportunit\u00e0, oltre a collaborare nella gestione di informazioni utili per la comunit\u00e0.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_sk4j800 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_f2la190   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Come Funziona GeoCityX?<\/h2>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top gutter-none tb_col_count_4 tb_1zq5703\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_1x0n703 first\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_cwfy703 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.04.30-A-surreal-image-of-the-Leaning-Tower-of-Pisa-located-in-Naples-Italy.-The-iconic-tower-is-set-in-a-Neapolitan-cityscape-with-views-of-typical-Naples-300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-995\" title=\"DALL\u00b7E 2024-09-16 09.04.30 - A surreal image of the Leaning Tower of Pisa located in Naples, Italy. The iconic tower is set in a Neapolitan cityscape, with views of typical Naples\" alt=\"DALL\u00b7E 2024-09-16 09.04.30 - A surreal image of the Leaning Tower of Pisa located in Naples, Italy. The iconic tower is set in a Neapolitan cityscape, with views of typical Naples\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.04.30-A-surreal-image-of-the-Leaning-Tower-of-Pisa-located-in-Naples-Italy.-The-iconic-tower-is-set-in-a-Neapolitan-cityscape-with-views-of-typical-Naples-300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.04.30-A-surreal-image-of-the-Leaning-Tower-of-Pisa-located-in-Naples-Italy.-The-iconic-tower-is-set-in-a-Neapolitan-cityscape-with-views-of-typical-Naples-150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.04.30-A-surreal-image-of-the-Leaning-Tower-of-Pisa-located-in-Naples-Italy.-The-iconic-tower-is-set-in-a-Neapolitan-cityscape-with-views-of-typical-Naples-768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.04.30-A-surreal-image-of-the-Leaning-Tower-of-Pisa-located-in-Naples-Italy.-The-iconic-tower-is-set-in-a-Neapolitan-cityscape-with-views-of-typical-Naples-600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.04.30-A-surreal-image-of-the-Leaning-Tower-of-Pisa-located-in-Naples-Italy.-The-iconic-tower-is-set-in-a-Neapolitan-cityscape-with-views-of-typical-Naples-100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.04.30-A-surreal-image-of-the-Leaning-Tower-of-Pisa-located-in-Naples-Italy.-The-iconic-tower-is-set-in-a-Neapolitan-cityscape-with-views-of-typical-Naples.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_cuzv703\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_hxre703 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.05.36-An-image-of-Milans-famous-La-Scala-opera-house-placed-in-a-small-mountain-village-setting.-The-grand-neoclassical-architecture-of-the-opera-house-is-300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-996\" title=\"DALL\u00b7E 2024-09-16 09.05.36 - An image of Milan&#039;s famous La Scala opera house placed in a small mountain village setting. The grand, neoclassical architecture of the opera house is\" alt=\"DALL\u00b7E 2024-09-16 09.05.36 - An image of Milan&#039;s famous La Scala opera house placed in a small mountain village setting. The grand, neoclassical architecture of the opera house is\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.05.36-An-image-of-Milans-famous-La-Scala-opera-house-placed-in-a-small-mountain-village-setting.-The-grand-neoclassical-architecture-of-the-opera-house-is-300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.05.36-An-image-of-Milans-famous-La-Scala-opera-house-placed-in-a-small-mountain-village-setting.-The-grand-neoclassical-architecture-of-the-opera-house-is-150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.05.36-An-image-of-Milans-famous-La-Scala-opera-house-placed-in-a-small-mountain-village-setting.-The-grand-neoclassical-architecture-of-the-opera-house-is-768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.05.36-An-image-of-Milans-famous-La-Scala-opera-house-placed-in-a-small-mountain-village-setting.-The-grand-neoclassical-architecture-of-the-opera-house-is-600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.05.36-An-image-of-Milans-famous-La-Scala-opera-house-placed-in-a-small-mountain-village-setting.-The-grand-neoclassical-architecture-of-the-opera-house-is-100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.05.36-An-image-of-Milans-famous-La-Scala-opera-house-placed-in-a-small-mountain-village-setting.-The-grand-neoclassical-architecture-of-the-opera-house-is.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_kvwa703\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_rawr703 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.06.42-A-highly-realistic-photographic-scene-of-a-Sagra-della-Frisella-happening-in-the-streets-of-Rome.-The-image-captures-Roman-landmarks-like-cobblesto-300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-997\" title=\"DALL\u00b7E 2024-09-16 09.06.42 - A highly realistic, photographic scene of a &#039;Sagra della Frisella&#039; happening in the streets of Rome. The image captures Roman landmarks like cobblesto\" alt=\"DALL\u00b7E 2024-09-16 09.06.42 - A highly realistic, photographic scene of a &#039;Sagra della Frisella&#039; happening in the streets of Rome. The image captures Roman landmarks like cobblesto\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.06.42-A-highly-realistic-photographic-scene-of-a-Sagra-della-Frisella-happening-in-the-streets-of-Rome.-The-image-captures-Roman-landmarks-like-cobblesto-300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.06.42-A-highly-realistic-photographic-scene-of-a-Sagra-della-Frisella-happening-in-the-streets-of-Rome.-The-image-captures-Roman-landmarks-like-cobblesto-150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.06.42-A-highly-realistic-photographic-scene-of-a-Sagra-della-Frisella-happening-in-the-streets-of-Rome.-The-image-captures-Roman-landmarks-like-cobblesto-768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.06.42-A-highly-realistic-photographic-scene-of-a-Sagra-della-Frisella-happening-in-the-streets-of-Rome.-The-image-captures-Roman-landmarks-like-cobblesto-600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.06.42-A-highly-realistic-photographic-scene-of-a-Sagra-della-Frisella-happening-in-the-streets-of-Rome.-The-image-captures-Roman-landmarks-like-cobblesto-100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.06.42-A-highly-realistic-photographic-scene-of-a-Sagra-della-Frisella-happening-in-the-streets-of-Rome.-The-image-captures-Roman-landmarks-like-cobblesto.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_gve1703 last\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_urwp703 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.07.59-A-highly-realistic-and-photographic-scene-of-potholes-in-the-streets-of-New-York-City.-The-image-shows-busy-city-streets-with-iconic-yellow-taxis-tal-300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-998\" title=\"DALL\u00b7E 2024-09-16 09.07.59 - A highly realistic and photographic scene of potholes in the streets of New York City. The image shows busy city streets with iconic yellow taxis, tal\" alt=\"DALL\u00b7E 2024-09-16 09.07.59 - A highly realistic and photographic scene of potholes in the streets of New York City. The image shows busy city streets with iconic yellow taxis, tal\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.07.59-A-highly-realistic-and-photographic-scene-of-potholes-in-the-streets-of-New-York-City.-The-image-shows-busy-city-streets-with-iconic-yellow-taxis-tal-300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.07.59-A-highly-realistic-and-photographic-scene-of-potholes-in-the-streets-of-New-York-City.-The-image-shows-busy-city-streets-with-iconic-yellow-taxis-tal-150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.07.59-A-highly-realistic-and-photographic-scene-of-potholes-in-the-streets-of-New-York-City.-The-image-shows-busy-city-streets-with-iconic-yellow-taxis-tal-768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.07.59-A-highly-realistic-and-photographic-scene-of-potholes-in-the-streets-of-New-York-City.-The-image-shows-busy-city-streets-with-iconic-yellow-taxis-tal-600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.07.59-A-highly-realistic-and-photographic-scene-of-potholes-in-the-streets-of-New-York-City.-The-image-shows-busy-city-streets-with-iconic-yellow-taxis-tal-100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/09\/DALL\u00b7E-2024-09-16-09.07.59-A-highly-realistic-and-photographic-scene-of-potholes-in-the-streets-of-New-York-City.-The-image-shows-busy-city-streets-with-iconic-yellow-taxis-tal.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_z7st190   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <ul>\n<li>\n<p><strong>Registrazione<\/strong><br>Accedi alla piattaforma e inizia a esplorare le possibilit\u00e0 offerte dal tuo territorio.<\/p>\n<\/li>\n<li>\n<p><strong>Esplora e Segnala<\/strong><br>Attraverso una mappa interattiva, scopri le risorse del tuo ambiente e contribuisci segnalando bellezze, eventi e informazioni utili.<\/p>\n<\/li>\n<li>\n<p><strong>Collaborazione Aperta<\/strong><br>Ogni segnalazione viene condivisa con le autorit\u00e0 competenti, garantendo un dialogo costante e un feedback rapido.<\/p>\n<\/li>\n<li>\n<p><strong>Pianificazione e Sviluppo<\/strong><br>Le amministrazioni locali utilizzano i dati forniti dai cittadini per migliorare la pianificazione urbana, promuovere eventi culturali e favorire uno sviluppo territoriale sostenibile.<\/p>\n<\/li>\n<\/ul>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_ppq965 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_hax2306   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2><strong>Perch\u00e9 scegliere GeoCityX?<\/strong><\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_ts8z534   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <ul>\n<li><strong>Cittadini al Centro<\/strong>: Il vero cuore della nostra piattaforma sono i cittadini. Ogni persona ha la possibilit\u00e0 di contribuire con idee, segnalazioni e proposte che rendono il territorio pi\u00f9 vivibile e stimolante.<\/li>\n<li><strong>Conoscenza e Valorizzazione del Territorio<\/strong>: GeoCityX non solo facilita la gestione del territorio, ma ne favorisce la conoscenza approfondita, permettendo a tutti di scoprire bellezze nascoste, eventi culturali e nuove opportunit\u00e0.<\/li>\n<li><strong>Gestione Intelligente<\/strong>: Gli amministratori locali possono utilizzare GeoCityX per avere sempre sotto controllo le dinamiche territoriali, pianificare interventi e rispondere prontamente alle esigenze della comunit\u00e0, in un ambiente digitale semplice e intuitivo.<\/li>\n<\/ul>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_2 tb_fkel60\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col4-2 tb_vxyh61 first\">\n                    <!-- module buttons -->\n<div  class=\"module module-buttons tb_23sc901 buttons-horizontal solid  large circle\" data-lazy=\"1\">\n        <div class=\"module-buttons-item tf_in_flx\">\n                        <a href=\"\/#registrati\" class=\"ui builder_button tf_in_flx purple\" >\n                                                Scopri di pi\u00f9!                                        <\/a>\n                <\/div>\n            <\/div>\n<!-- \/module buttons -->\n        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-2 tb_88t661 last\">\n                    <!-- module buttons -->\n<div  class=\"module module-buttons tb_50hi968 buttons-horizontal solid  large circle\" data-lazy=\"1\">\n        <div class=\"module-buttons-item tf_in_flx\">\n                        <a href=\"\/#contatti\" class=\"ui builder_button tf_in_flx light-green\" >\n                                                Inizia ora - Contattaci per aderire!                                        <\/a>\n                <\/div>\n            <\/div>\n<!-- \/module buttons -->\n        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_lcj7719 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_sg15719 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_pn9i719 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_6msu719   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2><strong>A chi \u00e8 rivolto<\/strong><strong>?<\/strong><\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_gsjg719   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>GeoCityX \u00e8 rivolto a una vasta gamma di utenti, tra cui:<\/p>\n<ul>\n<li><strong>Cittadini Attivi<\/strong>: GeoCityX \u00e8 la tua voce, lo strumento per far emergere il valore del tuo territorio e condividere esperienze e opportunit\u00e0.<\/li>\n<li><strong>Amministratori Illuminati<\/strong>: Con GeoCityX, puoi pianificare in modo efficiente, avendo una visione chiara e aggiornata di ogni risorsa e necessit\u00e0 del territorio.<\/li>\n<li><strong>Associazioni e Aziende<\/strong>: Partecipa attivamente alla vita del territorio, promuovendo iniziative e progetti che migliorano la qualit\u00e0 della vita della comunit\u00e0.<\/li>\n<\/ul>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_te8v743 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_ue8z743 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_9ih5743 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_50dk879   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Vantaggi per i Cittadini<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_fphd192   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <ul>\n<li><strong>Esplora e Condividi<\/strong>: Scopri luoghi inaspettati, segnala eventi temporanei e condividi esperienze che possono arricchire la tua comunit\u00e0.<\/li>\n<li><strong>Coinvolgimento Attivo<\/strong>: Partecipa attivamente alla gestione del territorio, proponendo iniziative e condividendo informazioni utili per migliorare la qualit\u00e0 della vita.<\/li>\n<li><strong>Esperienza di Valore<\/strong>: GeoCityX non \u00e8 solo uno strumento di segnalazione, ma una finestra sul tuo territorio. Ogni contributo pu\u00f2 aiutare a costruire un ambiente pi\u00f9 dinamico e ricco di opportunit\u00e0.<\/li>\n<\/ul>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_e8p5800 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_xn8w800 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_542p836 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_j9cx85   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Vantaggi per gli Amministratori<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_55tc965   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <ul>\n<li><strong>Controllo Totale<\/strong>: GeoCityX consente alle amministrazioni locali di monitorare ogni aspetto del territorio in tempo reale, garantendo interventi mirati e rapidi per migliorare i servizi e valorizzare le risorse disponibili.<\/li>\n<li><strong>Pianificazione Strategica<\/strong>: Le informazioni condivise dai cittadini diventano preziosi dati per pianificare il futuro del territorio in modo pi\u00f9 consapevole e partecipativo.<\/li>\n<li><strong>Collaborazione e Trasparenza<\/strong>: Grazie alla piattaforma, le amministrazioni possono interagire direttamente con i cittadini, instaurando un dialogo aperto e trasparente per migliorare la gestione urbana.<\/li>\n<li>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"63e5dd29-629b-4642-ab53-388239b4e50d\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p><strong>Gestione Proattiva:<\/strong> Non si tratta solo di utilizzare la tecnologia, ma di anticiparla e governarla attivamente, guidandone lo sviluppo per sfruttarne appieno i vantaggi, evitando di subirne i cambiamenti.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-1 flex gap-3 empty:hidden -ml-2\">\n<div class=\"items-center justify-start rounded-xl p-1 flex\">\u00a0<\/div>\n<\/div>\n<\/li>\n<\/ul>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_jthm502 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_scrv502 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_tasf502 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_10ze502   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Visualizzazione di Mappe Tematiche<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_b04o502   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>GeoCityX non si limita a fornire strumenti per la segnalazione e il monitoraggio del territorio: uno dei suoi punti di forza \u00e8 la possibilit\u00e0 di accedere e visualizzare le principali <strong>mappe tematiche<\/strong> del territorio. La <strong>mappa catastale<\/strong> \u00e8 gi\u00e0 inclusa nella piattaforma, permettendo agli utenti di esplorare dettagli catastali aggiornati, come confini delle particelle e propriet\u00e0 immobiliari.<\/p>\n<p>Oltre a questa, gli enti amministrativi possono facilmente aggiungere altre mappe tematiche e personalizzate, rendendole disponibili ai cittadini. Non c&#8217;\u00e8 limite al numero di mappe che possono essere integrate su GeoCityX, offrendo cos\u00ec un&#8217;esperienza su misura per ogni territorio.<\/p>\n<p><strong>Esempi di mappe<\/strong> che possono essere aggiunte includono piani urbanistici, mappe delle piste ciclabili, zone di interesse ambientale, e molto altro. Grazie alla flessibilit\u00e0 della piattaforma, le amministrazioni possono creare e pubblicare mappe specifiche per le esigenze della propria comunit\u00e0, rendendo pi\u00f9 accessibili informazioni cruciali per il territorio.<\/p>\n<p>Queste mappe interattive consentono ai cittadini di esplorare e comprendere meglio il proprio ambiente, favorendo una maggiore partecipazione attiva nella gestione e nello sviluppo del territorio.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_iv7q655 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_om81655 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_cddx655 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_ty3s655   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Raccolta rifiuti<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_yb1f655   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Un servizio essenziale che <strong>GeoCityX<\/strong> offre ai cittadini \u00e8 l&#8217;<strong>accesso al calendario di raccolta rifiuti aggiornato in tempo reale<\/strong>. Ogni cittadino pu\u00f2 consultare la programmazione dei giorni di raccolta, visualizzare i tipi di rifiuti da smaltire, e ricevere informazioni specifiche per il proprio quartiere. Gli utenti possono inoltre visualizzare le icone dei diversi tipi di rifiuti, facilitando l&#8217;identificazione e migliorando la gestione dei rifiuti.<\/p>\n<p>Alcune funzionalit\u00e0 della gestione rifiuti, come la possibilit\u00e0 di modificare il calendario o aggiungere tipi di rifiuti e gestire i link informativi dettagliati sono riservate esclusivamente agli amministratori della piattaforma. Questo garantisce un controllo accurato e aggiornato da parte delle autorit\u00e0, permettendo loro di intervenire tempestivamente per migliorare il servizio in base alle esigenze della comunit\u00e0.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_0kvj190 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_v98q190 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_mtbz190 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_5f7d639   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2><strong>Promozione e marketing territoriale<\/strong><\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_1mud639   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p><span style=\"font-weight: bold;\">Per garantire il successo del progetto di intelligenza urbana, \u00e8 fondamentale una campagna di promozione e pubblicit\u00e0 efficace, che coinvolga tutti gli attori del territorio. Una corretta informazione e sensibilizzazione \u00e8 cruciale per incoraggiare la partecipazione dei cittadini e assicurare una gestione condivisa e partecipativa.<\/span><\/p>\n<p>La promozione deve raggiungere il maggior numero di persone possibile attraverso ogni forma di comunicazione disponibile: media tradizionali, social network, eventi locali e strumenti digitali. Sar\u00e0 essenziale incentivare l&#8217;uso dell&#8217;app o del sito web di GeoCityX, rendendo facile e intuitivo l&#8217;accesso per ogni cittadino. Una forte campagna informativa aiuter\u00e0 a coinvolgere i cittadini, rendendoli protagonisti del cambiamento e della gestione del loro territorio.<\/p>\n<p>Inoltre, per facilitare l&#8217;interazione, dovr\u00e0 essere semplice e immediato reperire i QR code per le segnalazioni in citt\u00e0, soprattutto nella fase iniziale del progetto. Questi dovranno essere disponibili in punti strategici attraverso cartellonistica adeguata, nei luoghi pubblici, sui mezzi di trasporto e nei principali punti di aggregazione urbana.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top gutter-none tb_col_count_4 tb_28e2718\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_44gv718 first\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_e6oz718 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with--300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-1841\" title=\"DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with-\" alt=\"DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with-\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with--300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with--150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with--768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with--600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with--100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.45.26-A-classic-street-sign-with-a-modern-twist-featuring-a-QR-code-and-the-text-GeoCityX.com_.-The-sign-is-designed-in-a-traditional-Italian-style-with-.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_megc718\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_vy8t718 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q-300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-1849\" title=\"DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q\" alt=\"DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q-300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q-150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q-768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q-600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q-100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.06-A-realistic-forest-scene-with-lush-greenery-and-tall-trees.-The-focal-point-is-a-small-respectful-wooden-sign-mounted-on-a-wooden-post-featuring-a-Q.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_54fu718\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_9l1g718 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f-300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-1843\" title=\"DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f\" alt=\"DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f-300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f-150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f-768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f-600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f-100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.40.46-A-realistic-image-of-a-stencil-design-applied-on-asphalt.-The-stencil-features-a-clear-QR-code-and-the-text-GeoCityX.com-both-in-a-bold-readable-f.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_zur3718 last\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_mzb2718 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex-300x300.webp\" width=\"300\" height=\"300\" class=\"wp-post-image wp-image-1844\" title=\"DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex\" alt=\"DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex-300x300.webp 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex-150x150.webp 150w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex-768x768.webp 768w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex-600x600.webp 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex-100x100.webp 100w, https:\/\/geocityx.com\/wp-content\/uploads\/2024\/11\/DALL\u00b7E-2024-08-30-01.35.39-A-set-of-business-cards-laid-out-on-a-table-designed-for-distributing-to-the-population.-The-cards-are-clean-and-simple-featuring-a-QR-code-the-tex.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_1vcu639 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_c7km639 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_0qfu639 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_k0hx468   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2><strong>Chi Siamo?<\/strong><\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_arp1435   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Siamo un team di esperti in tecnologia urbana e geolocalizzazione, uniti dall\u2019obiettivo di creare una piattaforma che valorizzi il territorio e metta al centro il contributo di ogni cittadino. Con <strong>GeoCityX<\/strong>, crediamo nel potere della partecipazione e dell\u2019intelligenza collettiva per costruire un futuro migliore.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_lv80421 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_g2dd421 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_nxmp421 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_0era421   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2><strong>Considerazioni<\/strong><\/h2>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_middle tb_col_count_2 tb_56gu445\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col4-2 tb_n8go445 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_qovw421   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>GeoCityX rivoluziona la gestione amministrativa trasformando la trasparenza in un punto di forza. Anche se rendere visibili in tempo reale tutte le attivit\u00e0 pu\u00f2 sembrare una sfida, questa apertura facilita la collaborazione e unisce tutti verso obiettivi comuni.<\/p>\n<p>La piattaforma non solo migliora la qualit\u00e0 dei servizi, ma promuove anche una visione strategica oltre i singoli eventi, offrendo una panoramica completa del territorio. Ci\u00f2 permette una pianificazione pi\u00f9 efficace e partecipativa, contribuendo al benessere della comunit\u00e0.<\/p>\n<p>Agendo come un pannello di controllo, GeoCityX ottimizza la comunicazione interna tra le diverse unit\u00e0 dell&#8217;ente, riducendo i tempi di risposta e migliorando il coordinamento. L&#8217;amministrazione diventa cos\u00ec pi\u00f9 efficiente, focalizzandosi su decisioni strategiche anzich\u00e9 su problematiche operative.<\/p>\n<p>Adottando GeoCityX, le sfide si trasformano in opportunit\u00e0 per innovare e ottimizzare la gestione territoriale, instaurando un rapporto collaborativo con i cittadini per raggiungere obiettivi condivisi.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-2 tb_djbb445 last\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_ewbw139 image-center   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img decoding=\"async\" src=\"https:\/\/geocityx.com\/wp-content\/uploads\/2025\/03\/geocityx-600x323.png\" width=\"600\" height=\"323\" class=\"wp-post-image wp-image-2697\" title=\"geocityx\" alt=\"geocityx\" srcset=\"https:\/\/geocityx.com\/wp-content\/uploads\/2025\/03\/geocityx-600x323.png 600w, https:\/\/geocityx.com\/wp-content\/uploads\/2025\/03\/geocityx-300x162.png 300w, https:\/\/geocityx.com\/wp-content\/uploads\/2025\/03\/geocityx.png 758w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_lqpv552 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_ygvl552 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_mbea552 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_imdb552   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Unisciti a Noi!<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_pnc7552   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Con <strong>GeoCityX<\/strong>, puoi contribuire a trasformare il tuo territorio in uno spazio pi\u00f9 ricco, dinamico e sostenibile. Registrati oggi e scopri come la nostra piattaforma pu\u00f2 aiutarti a creare nuove opportunit\u00e0 per il futuro del tuo ambiente.<\/p>\n<p><strong>Sei un piccolo comune?<\/strong> Contattaci subito e accedi gratuitamente ai servizi di GeoCityX per la tua comunit\u00e0!<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-anchor=\"contatti\" data-lazy=\"1\" class=\"module_row themify_builder_row tb_has_section tb_section-contatti tb_2f36535 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_h4rl535 first\">\n                            <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_1 tb_lje9535\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col-full tb_im1c535 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_8nmx535 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_vksi535   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Inizia ora<\/h2>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <\/div>\n        <!-- module text -->\n<div  class=\"module module-text tb_giak535   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p style=\"text-align: left;\">Iscriviti oggi e scopri come GeoCityX pu\u00f2 aiutarti a controllare il tuo territorio in modo pi\u00f9 efficiente!<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module contact -->\n<div  id=\"tb_rehz476\" class=\"module module-contact tb_rehz476 contact-style3 \" data-lazy=\"1\">\n    \n\t<form class=\"builder-contact\"\n\t\tid=\"tb_rehz476-form\"\n\t\tmethod=\"post\"\n\t\tdata-post-id=\"2\"\n\t\tdata-element-id=\"rehz476\"\n\t\tdata-orig-id=\"2\"\n\t>\n    <div class=\"contact-message\"><\/div>\n\t<div class=\"builder-contact-fields tf_rel\">\n\t\t    \t\t    <div class=\"builder-contact-field builder-contact-field-name builder-contact-text-field\">\n\t\t\t    <label class=\"control-label\" for=\"tb_rehz476-contact-name\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"tb-label-span\">Nome <\/span><span class=\"required\">*<\/span>\t\t\t\t<\/label>\n\t\t\t    <div class=\"control-input tf_rel\">\n\t\t\t\t    \t\t\t\t\t    <input type=\"text\" name=\"contact-name\" placeholder=\"\" id=\"tb_rehz476-contact-name\" value=\"\" class=\"form-control\" required>\n\t\t\t\t    \t\t\t\t    \t\t\t    <\/div>\n\t\t<\/div>\n\t    \n\t\t    \t\t    <div class=\"builder-contact-field builder-contact-field-email builder-contact-text-field\">\n\t\t\t    <label class=\"control-label\" for=\"tb_rehz476-contact-email\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"tb-label-span\">Email <\/span><span class=\"required\">*<\/span>\t\t\t\t<\/label>\n\t\t\t    <div class=\"control-input tf_rel\">\n\t\t\t\t    \t\t\t\t\t    <input type=\"email\" name=\"contact-email\" placeholder=\"\" id=\"tb_rehz476-contact-email\" value=\"\" class=\"form-control\" required>\n\t\t\t\t    \t\t\t\t    \t\t\t    <\/div>\n\t\t<\/div>\n\t    \n\t\t    \t\t    <div class=\"builder-contact-field builder-contact-field-message builder-contact-textarea-field\">\n\t\t\t    <label class=\"control-label\" for=\"tb_rehz476-contact-message\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"tb-label-span\">Message <\/span><span class=\"required\">*<\/span>\t\t\t\t<\/label>\n\t\t\t    <div class=\"control-input tf_rel\">\n\t\t\t\t    \t\t\t\t\t    <textarea name=\"contact-message\" placeholder=\"\" id=\"tb_rehz476-contact-message\" class=\"form-control\" required><\/textarea>\n\t\t\t\t    \t\t\t\t    \t\t\t    <\/div>\n\t\t<\/div>\n\t    \n\t\t    \t\t    \t\t    <div class=\"builder-contact-field builder-contact-field-extra builder-contact-text-field\">\n\t\t\t\t\n\t\t\t\t<label class=\"control-label\" for=\"field_extra_tb_rehz476_0\">\n\t\t\t\t\t\n\t\t\t\t\tEnte Rappresentato\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"field_extra_name_0\" value=\"Ente Rappresentato\">\n\t\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t<div class=\"control-input tf_rel\">\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" name=\"field_extra_0\" id=\"field_extra_tb_rehz476_0\" placeholder=\"\" class=\"form-control\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t    <\/div>\n\t    \n\t\t    \t\t\n\t\t\t\t\t<div class=\"builder-contact-field builder-contact-field-gdpr\">\n\t\t\t\t<div class=\"control-label\">\n\t\t\t\t\t<div class=\"control-input tf_rel\">\n\t\t\t\t\t\t<label class=\"field-gdpr\">\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"gdpr\" value=\"1\" required>\n\t\t\t\t\t\t\t<span>Acconsento che i dati da me forniti siano raccolti e conservati.<\/span>\n\t\t\t\t\t\t\t<span class=\"required\">*<\/span>\n\t\t\t\t\t\t<\/label>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\n\t    \n\t    <div class=\"builder-contact-field builder-contact-field-send control-input tf_textl tf_clear tf_rel\">\n\t\t\t<button type=\"submit\" class=\"btn btn-primary\">\n\t\t\t\t<span class=\"tf_loader\"><\/span>\t\t\t\t<span class=\"tf_submit_icon\"><\/span> \n\t\t\t\tInvia richesta\t\t\t<\/button>\n\t    <\/div>\n\t<\/div>\n    <\/form>\n    <\/div>\n<!-- \/module contact -->\n        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_i9xo644 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_0uiy644 first\">\n                    <!-- module divider -->\n<div  class=\"module tf_mw module-divider tb_p8cc644 solid   \" style=\"border-width: 2px;border-color: #1bbbb4;margin-top: 44px;\" data-lazy=\"1\">\n    <\/div>\n<!-- \/module divider -->\n<!-- module text -->\n<div  class=\"module module-text tb_826d644   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Il futuro<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_h6bd644   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p><span style=\"font-weight: 400;\">GeoCityX \u00e8 progettata per evolversi nel tempo, integrando nuove funzionalit\u00e0 per una gestione sempre pi\u00f9 innovativa e partecipativa del territorio. Tra le espansioni previste:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Applicazioni Mobile Dedicata: <\/b><span style=\"font-weight: 400;\">Accesso rapido e funzionalit\u00e0 avanzate tramite smartphone, inclusa la gestione delle segnalazioni e notifiche in tempo reale.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Identit\u00e0 Digitale e Sicurezza:<\/b><span style=\"font-weight: 400;\"> Integrazione con SPID o sistemi simili per un accesso sicuro e certificato.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Notifiche e Allerte Personalizzate:<\/b><span style=\"font-weight: 400;\"> Comunicazioni in tempo reale su emergenze, eventi e servizi pubblici.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Prenotazione di Servizi Pubblici:<\/b><span style=\"font-weight: 400;\"> Sistemi per prenotare spazi comuni, appuntamenti e partecipazioni a eventi.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Aree di Backend Aggiuntive per Amministratori: <\/b><span style=\"font-weight: 400;\">Funzionalit\u00e0 avanzate di backend dedicate agli enti per favorire una pianificazione territoriale condivisa. Queste aree consentiranno la collaborazione e\u00a0 la gestione coordinata delle risorse e l\u2019analisi congiunta dei dati.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Monitoraggio Ambientale e Sensori IoT:<\/b><span style=\"font-weight: 400;\"> Rilevazione in tempo reale di qualit\u00e0 dell\u2019aria, traffico e altri parametri critici.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Chat AI Preaddestrata:<\/b><span style=\"font-weight: 400;\"> Un servizio di assistenza virtuale, sviluppato ad hoc, per supportare i cittadini nella risoluzione di problemi territoriali comuni e avanzati, migliorando l\u2019efficienza e riducendo i tempi di risposta.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Intelligenza Artificiale: <\/b><span style=\"font-weight: 400;\">Analisi avanzate e previsioni basate sui dati raccolti per ottimizzare le decisioni territoriali.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Forum e Sondaggi Comunitari:<\/b><span style=\"font-weight: 400;\"> Spazi per dialoghi, feedback e partecipazione attiva della comunit\u00e0.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b style=\"font-size: 1em;\">Realt\u00e0 Aumentata e Virtuale: <\/b><span style=\"font-size: 1em;\">Esperienze immersive per visualizzare progetti e dati territoriali.<\/span><\/li>\n<\/ul>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n        <\/div>\n<!--\/themify_builder_content-->","protected":false},"excerpt":{"rendered":"<p>Intelligenza Urbana Controlla e gestisci il tuo territorio in modo innovativo, smart e condiviso. GeoCityX \u00e8 una piattaforma unica, progettata per mettere il cittadino al centro della gestione del territorio. Ogni individuo, grazie a GeoCityX, pu\u00f2 contribuire attivamente a valorizzare il proprio ambiente, condividere le sue bellezze inaspettate, segnalare eventi e opportunit\u00e0, oltre a collaborare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"rankMath":{"parentDomain":"geocityx.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":false,"featuredImageNotice":"L&#039;immagine in evidenza dovrebbe essere di almeno 200 x 200 pixel per essere ripresa da Facebook e altri siti di social media.","pluginReviewed":true,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"pagina-di-esempio","permalinkFormat":"https:\/\/geocityx.com\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/geocityx.com\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":false,"primaryTaxonomy":false,"serpData":{"title":"Intelligenza Urbana %sep% %sitename%","description":"Controlla e gestisci il tuo territorio in modo innovativo, smart e condiviso.  Valorizza le sue bellezze, segnala eventi e opportunit\u00e0 per la comunit\u00e0.","focusKeywords":"","pillarContent":true,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"nome utente","primaryTerm":0,"authorName":"Vincenzo R.","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":["incredibile","sorprendente","meraviglioso","unico","bello","felicit\u00e0","brillante","affascinante","carismatico","scioccante","chiaro","completamente","riservato","fiducia","significativo","creativo","definitivamente","delizioso","dimostrare","sbrigati","determinato","degno","dinamico","impressionante","essenziale","ispiratore","innovativo","intenso","efficace","magico","magnifico","storico","importante","incredibile","indispensabile","indimenticabile","irresistibile","leggendario","luminoso","lusso","magico","magnifico","maestoso","memorabile","miracoloso","motivante","necessario","nuovo","ufficiale","perfetto","appassionato","persuasivo","fenomenale","piacere","popolare","potere","prestigioso","prodigioso","profondo","prospero","potente","qualit\u00e0","radiante","veloce","di successo","rivoluzionario","soddisfatto","sicurezza","sensazionale","sereno","lussuoso","splendido","sublime","sorprendente","talentuoso","terrificante","unico","valore","vibrante","vittorioso","vivace","veramente","zelante","autentico","avventuroso","spettacolare","esclusivo","garantito","straordinario","favoloso","affascinante","formidabile","geniale","grandioso","gratuito","abile","illimitato","impeccabile","infallibile","infinitamente","influente","ingegnoso","indimenticabile","insostituibile","leader","maestro","notevole","innovativo","pioniere","potente","riconosciuto","rivoluzionario","sorprendente","superiore","trionfante","ultra","coraggioso","prezioso","avanguardia","vigoroso","visionario","volont\u00e0","vitale","trionfo","glorioso","inarrestabile","ineguagliabile","intelligente","invincibile","libert\u00e0","orgoglio","pace","progresso","rinnovato","saggezza","soddisfazione","sicuro","serenit\u00e0","superamento","talento","trascendente","trasformativo","coraggio","vittoria"],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":true,"hasBreadcrumb":false},"homeUrl":"https:\/\/geocityx.com","objectID":2,"objectType":"post","locale":"it","localeFull":"it_IT","overlayImages":{"play":{"name":"Icona di riproduzione","url":"https:\/\/geocityx.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/var\/www\/html\/geocityx.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"Icona GIF","url":"https:\/\/geocityx.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/var\/www\/html\/geocityx.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/geocityx.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/social-placeholder.jpg","customPermalinks":true,"isUserRegistered":true,"autoSuggestKeywords":true,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fgeocityx.com&r=https%3A%2F%2Fgeocityx.com%2Fwp-json%2Fwp%2Fv2%2Fpages%2F2%3Fnonce%3D3e0e369042","maxTags":5,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/geocityx.com\/wp-content\/uploads\/2024\/08\/cropped-Risorsa-4900-32x32.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"showKeywordIntent":true,"isPro":false,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Aggiorna","trendsPreviewImage":"https:\/\/geocityx.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":["incredibile","sorprendente","meraviglioso","unico","bello","felicit\u00e0","brillante","affascinante","carismatico","scioccante","chiaro","completamente","riservato","fiducia","significativo","creativo","definitivamente","delizioso","dimostrare","sbrigati","determinato","degno","dinamico","impressionante","essenziale","ispiratore","innovativo","intenso","efficace","magico","magnifico","storico","importante","incredibile","indispensabile","indimenticabile","irresistibile","leggendario","luminoso","lusso","magico","magnifico","maestoso","memorabile","miracoloso","motivante","necessario","nuovo","ufficiale","perfetto","appassionato","persuasivo","fenomenale","piacere","popolare","potere","prestigioso","prodigioso","profondo","prospero","potente","qualit\u00e0","radiante","veloce","di successo","rivoluzionario","soddisfatto","sicurezza","sensazionale","sereno","lussuoso","splendido","sublime","sorprendente","talentuoso","terrificante","unico","valore","vibrante","vittorioso","vivace","veramente","zelante","autentico","avventuroso","spettacolare","esclusivo","garantito","straordinario","favoloso","affascinante","formidabile","geniale","grandioso","gratuito","abile","illimitato","impeccabile","infallibile","infinitamente","influente","ingegnoso","indimenticabile","insostituibile","leader","maestro","notevole","innovativo","pioniere","potente","riconosciuto","rivoluzionario","sorprendente","superiore","trionfante","ultra","coraggioso","prezioso","avanguardia","vigoroso","visionario","volont\u00e0","vitale","trionfo","glorioso","inarrestabile","ineguagliabile","intelligente","invincibile","libert\u00e0","orgoglio","pace","progresso","rinnovato","saggezza","soddisfazione","sicuro","serenit\u00e0","superamento","talento","trascendente","trasformativo","coraggio","vittoria"],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":4,"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":2701,"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/pages\/2\/revisions\/2701"}],"wp:attachment":[{"href":"https:\/\/geocityx.com\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}