From 92f4e62c2db7a742a33989dc2816d4422ce8e760 Mon Sep 17 00:00:00 2001
From: MatteoPistorello <pistorellomatteo8@gmail.com>
Date: Thu, 15 Jun 2023 14:09:04 +0200
Subject: [PATCH] Gestione mappe OpenStreetMap

---
 assets/src/img/marker-icon-2x.png        | Bin 0 -> 9225 bytes
 assets/src/img/marker-icon.png           | Bin 0 -> 7003 bytes
 gulpfile.js                              |  15 +++-
 modules/anagrafiche/edit.php             |  78 ++++++++---------
 modules/anagrafiche/modals/posizione.php |  76 ++++++++++++-----
 modules/interventi/edit.php              |  79 ++++++++---------
 modules/mappa/css/app.css                |   6 +-
 modules/mappa/edit.php                   |  34 ++++----
 modules/mappa/js/app.js                  | 104 +++++++----------------
 package.json                             |   6 +-
 plugins/sedi/edit.php                    |  41 ++++-----
 update/2_4_47.sql                        |   5 ++
 12 files changed, 218 insertions(+), 226 deletions(-)
 create mode 100644 assets/src/img/marker-icon-2x.png
 create mode 100644 assets/src/img/marker-icon.png

diff --git a/assets/src/img/marker-icon-2x.png b/assets/src/img/marker-icon-2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..2568dfe7f19bb0db358ecf6f04f334f73b9cfd37
GIT binary patch
literal 9225
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

literal 0
HcmV?d00001

diff --git a/assets/src/img/marker-icon.png b/assets/src/img/marker-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d92e41f2099fd2286bfada719c225af137f4d5a
GIT binary patch
literal 7003
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

literal 0
HcmV?d00001

diff --git a/gulpfile.js b/gulpfile.js
index 27d9ff388..5f6eb4b57 100755
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -120,6 +120,8 @@ const JS = gulp.parallel(() => {
         'datatables.net-buttons-bs/js/buttons.bootstrap.js',
         'smartwizard/dist/js/jquery.smartWizard.min.js',
         'bootstrap-maxlength/dist/bootstrap-maxlength.js',
+        'leaflet/dist/leaflet.js',
+        'leaflet-gesture-handling/dist/leaflet-gesture-handling.min.js',
     ];
 
     for (const i in vendor) {
@@ -178,6 +180,8 @@ const CSS = gulp.parallel(() => {
         'select2-bootstrap-theme/dist/select2-bootstrap.css',
         'smartwizard/dist/css/smart_wizard.min.css',
         'smartwizard/dist/css/smart_wizard_theme_arrows.min.css',
+        'leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css',
+        'leaflet/dist/leaflet.css',
     ];
 
     for (const i in vendor) {
@@ -244,6 +248,15 @@ function srcImages() {
         .pipe(gulp.dest(config.production + '/' + config.paths.images));
 }
 
+function leaflet() {
+    return gulp.src([
+        config.nodeDirectory + '/leaflet/dist/images/*.{jpg,png,jpeg}',
+    ])
+        .pipe(flatten())
+        .pipe(gulp.dest(config.production + '/' + config.paths.images + '/leaflet'));
+}
+
+
 
 // Elaborazione dei fonts
 const fonts = gulp.parallel(() => {
@@ -516,7 +529,7 @@ function clean() {
 }
 
 // Operazioni di default per la generazione degli assets
-const bower = gulp.series(clean, gulp.parallel(JS, CSS, images, fonts, phpDebugBar, ckeditor, colorpicker, i18n, pdfjs, hotkeys, chartjs, password_strength, csrf));
+const bower = gulp.series(clean, gulp.parallel(JS, CSS, images, fonts, phpDebugBar, ckeditor, colorpicker, i18n, pdfjs, hotkeys, chartjs, password_strength, csrf, leaflet));
 
 // Debug su CSS e JS
 exports.srcJS = srcJS;
diff --git a/modules/anagrafiche/edit.php b/modules/anagrafiche/edit.php
index 42e62ef8c..1dafae80e 100755
--- a/modules/anagrafiche/edit.php
+++ b/modules/anagrafiche/edit.php
@@ -245,8 +245,6 @@ $sede_cliente = $anagrafica->sedeLegale;
 $anagrafica_azienda = Anagrafica::find(setting('Azienda predefinita'));
 $sede_azienda = $anagrafica_azienda->sedeLegale;
 
-$google = setting('Google Maps API key');
-
 echo '
             <div class="col-md-4">
                 <div class="panel panel-primary">
@@ -257,13 +255,7 @@ echo '
 
 $map_load_message = tr('Clicca per visualizzare');
 
-if (empty($google)) {
-    echo '
-                        <div class="alert alert-info">
-                            '.Modules::link('Impostazioni', null, tr('Per abilitare la visualizzazione delle anagrafiche nella mappa, inserire la Google Maps API Key nella scheda Impostazioni'), true, null, true, null, '&search=Google Maps API key').'.
-                        </div>';
-                        
-} elseif (!empty($sede_cliente->gaddress) || (!empty($sede_cliente->lat) && !empty($sede_cliente->lng))) {
+if (!empty($sede_cliente->gaddress) || (!empty($sede_cliente->lat) && !empty($sede_cliente->lng))) {
     echo '
                         <div id="map-edit" style="height: 200px;width: 100%;display: flex;align-items: center;justify-content: center;" onclick="caricaMappa()">
                             <p class="clickable badge">'.$map_load_message.'</p>
@@ -294,10 +286,10 @@ if (empty($google)) {
                             '.((!empty($sede_cliente->lat) && !empty($sede_azienda->lat)) ? tr('(GPS)'): '' ).'
                         </a>';
 
-    // Ricerca diretta su Google Maps
+    // Ricerca diretta su Mappa
     echo '
-                        <a class="btn btn-info btn-block" onclick="cercaGoogleMaps()">
-                            <i class="fa fa-map-marker"></i> '.tr('Cerca su Google Maps').'
+                        <a class="btn btn-info btn-block" onclick="cercaOpenStreetMap()">
+                            <i class="fa fa-map-marker"></i> '.tr('Cerca su Mappa').'
                             '.((!empty($sede_cliente->lat)) ? tr(' (GPS)'): '' ).'
                         </a>';
 
@@ -312,15 +304,19 @@ echo '
                 openModal("'.tr('Modifica posizione').'", "'.$module->fileurl('modals/posizione.php').'?id_module='.$id_module.'&id_record='.$id_record.'");
             }
 
-            function cercaGoogleMaps() {
+            function cercaOpenStreetMap() {
                 const indirizzo = getIndirizzoAnagrafica();
-                window.open("https://maps.google.com/maps/search/" + indirizzo);
+                if (indirizzo[0] && indirizzo[1]) {
+                    window.open("https://www.openstreetmap.org/?mlat=" + indirizzo[0] + "&mlon=" + indirizzo[1] + "#map=12/" + indirizzo[0] + "/" + indirizzo[1]);
+                } else {
+                    window.open("https://www.openstreetmap.org/search?query=" + indirizzo[2]);
+                }
             }
 
             function calcolaPercorso() {
                 const indirizzo_partenza = getIndirizzoAzienda();
                 const indirizzo_destinazione = getIndirizzoAnagrafica();
-                window.open("https://www.google.com/maps/dir/?api=1&origin=" + indirizzo_partenza + "&destination=" + indirizzo_destinazione);
+                window.open("https://www.openstreetmap.org/directions?engine=fossgis_osrm_car&route=" + indirizzo_partenza + ";" + indirizzo_destinazione[0] + "," + indirizzo_destinazione[1]);
             }
 
             function getIndirizzoAzienda() {
@@ -330,9 +326,6 @@ echo '
                 const lat = parseFloat("'.$sede_azienda->lat.'");
                 const lng = parseFloat("'.$sede_azienda->lng.'");
 
-                const indirizzo_default = encodeURI(indirizzo) + "," + encodeURI(citta);
-                if (!lat || !lng) return indirizzo_default;
-
                 return lat + "," + lng;
             }
 
@@ -344,9 +337,8 @@ echo '
                 const lng = parseFloat("'.$sede_cliente->lng.'");
 
                 const indirizzo_default = encodeURI(indirizzo) + "," + encodeURI(citta);
-                if (!lat || !lng) return indirizzo_default;
 
-                return lat + "," + lng;
+                return [lat, lng, indirizzo_default];
             }
 
             function caricaMappa() {
@@ -355,32 +347,32 @@ echo '
                     return;
                 }
 
-                $.getScript("//maps.googleapis.com/maps/api/js?libraries=places&key='.$google.'", function() {
-                    const map_element = map_div[0];
-                    const lat = parseFloat("'.$sede_cliente->lat.'");
-                    const lng = parseFloat("'.$sede_cliente->lng.'");
+                const lat = parseFloat("'.$sede_cliente->lat.'");
+                const lng = parseFloat("'.$sede_cliente->lng.'");
 
-                    if (!lat || !lng) return;
-                    const position = new google.maps.LatLng(lat, lng);
+                var map = L.map("map-edit", {
+                    center: [lat, lng],
+                    zoom: 10,
+                    gestureHandling: true
+                });
 
-                    // Create a Google Maps native view under the map_canvas div.
-                    const map = new google.maps.Map(map_element, {
-                        zoom: 14,
-                        scrollwheel: false,
-                        mapTypeControl: true,
-                        mapTypeId: "roadmap",
-                        mapTypeControlOptions: {
-                            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
-                            mapTypeIds: ["roadmap", "terrain"],
-                        }
-                    });
+                var icon = new L.Icon({
+                    iconUrl: globals.rootdir + "/assets/dist/img/marker-icon.png",
+                    shadowUrl:globals.rootdir + "/assets/dist/img/leaflet/marker-shadow.png",
+                    iconSize: [25, 41],
+                    iconAnchor: [12, 41],
+                    popupAnchor: [1, -34],
+                    shadowSize: [41, 41]
+                });
 
-                    map.setCenter(position);
-                    const marker = new google.maps.Marker({
-                        position: position,
-                        map: map,
-                    });
-               });
+                L.tileLayer("'.setting("Tile layer OpenStreetMap").'", {
+                    maxZoom: 17,
+                    attribution: "© OpenStreetMap"
+                }).addTo(map); 
+              
+                var marker = L.marker([lat, lng], {
+                    icon: icon
+                }).addTo(map);
             }
 
             function risolviConto(tipo){
diff --git a/modules/anagrafiche/modals/posizione.php b/modules/anagrafiche/modals/posizione.php
index 78a7abd15..a438164f0 100644
--- a/modules/anagrafiche/modals/posizione.php
+++ b/modules/anagrafiche/modals/posizione.php
@@ -20,8 +20,6 @@
 include_once __DIR__.'/../../../core.php';
 include_once __DIR__.'/../init.php';
 
-$google = setting('Google Maps API key');
-
 echo '
 <form action="" method="post" id="form-posizione">
     <input type="hidden" name="backto" value="record-edit">
@@ -29,16 +27,20 @@ echo '
 
     <div class="row">
         <div class="col-md-4" id="geocomplete">
-            {[ "type": "text", "label": "'.tr('Indirizzo Google').'", "name": "gaddress", "value": "'.$record['gaddress'].'", "extra": "data-geo=\'formatted_address\'" ]}
+            {[ "type": "text", "label": "'.tr('Indirizzo').'", "name": "gaddress", "value": "'.$record['gaddress'].'", "extra": "data-geo=\'formatted_address\'" ]}
         </div>
 
-        <div class="col-md-4">
+        <div class="col-md-3">
             {[ "type": "text", "label": "'.tr('Latitudine').'", "name": "lat", "value": "'.$record['lat'].'", "extra": "data-geo=\'lat\'", "class": "text-right" ]}
         </div>
 
-        <div class="col-md-4">
+        <div class="col-md-3">
             {[ "type": "text", "label": "'.tr('Longitudine').'", "name": "lng", "value": "'.$record['lng'].'", "extra": "data-geo=\'lng\'", "class": "text-right" ]}
         </div>
+
+        <div class="col-md-2">
+            <br><button type="button" class="btn btn-lg btn-default pull-right" onclick="initGeocomplete();"><i class="fa fa-search"></i> '.tr('Cerca').'</button>
+        </div>
     </div>
 
     <div class="row">
@@ -61,24 +63,60 @@ echo '
 <script>$(document).ready(init)</script>
 
 <script>
-if(window.google){
-    initGeocomplete();
-} else {
-    $.getScript("//maps.googleapis.com/maps/api/js?libraries=places&key='.$google.'", function() {
-        initGeocomplete();
+$(document).ready(function(){
+    if (input("lat").get() && input("lng").get()) {
+        setTimeout(function () {
+            caricaMappa();
+        }, 1000);
+    }
+});
+
+function initGeocomplete() {
+    $.ajax({
+        url: "https://nominatim.openstreetmap.org/search.php?q=" + encodeURI(input("gaddress").get()) + "&format=jsonv2",
+        type : "GET",
+        dataType: "JSON",
+        success: function(data){
+            input("lat").set(data[0].lat);
+            input("lng").set(data[0].lon);
+            input("gaddress").set(data[0].display_name);
+            caricaMappa();
+        }
     });
 }
 
-function initGeocomplete() {
-    $("#geocomplete input").geocomplete({
-        map: $("#map").length ? "#map" : false,
-        location: $("#gaddress").val() ? $("#gaddress").val() : [$("#lat").val(), $("#lng").val()],
-        details: ".details",
-        detailsAttribute: "data-geo"
-    }).bind("geocode:result", function (event, result) {
-        $("#lat").val(result.geometry.location.lat());
-        $("#lng").val(result.geometry.location.lng());
+function caricaMappa() {
+    const lat = parseFloat(input("lat").get());
+    const lng = parseFloat(input("lng").get());
+
+    var container = L.DomUtil.get("map"); 
+    if(container != null){ 
+        container._leaflet_id = null; 
+    }
+
+    var map = L.map("map", {
+        center: [lat, lng],
+        zoom: 10,
+        gestureHandling: true
     });
+    
+    var icon = new L.Icon({
+        iconUrl: globals.rootdir + "/assets/dist/img/marker-icon.png",
+        shadowUrl:globals.rootdir + "/assets/dist/img/leaflet/marker-shadow.png",
+        iconSize: [25, 41],
+        iconAnchor: [12, 41],
+        popupAnchor: [1, -34],
+        shadowSize: [41, 41]
+    });
+
+    L.tileLayer("'.setting("Tile layer OpenStreetMap").'", {
+        maxZoom: 17,
+        attribution: "© OpenStreetMap"
+    }).addTo(map); 
+    
+    var marker = L.marker([lat, lng], {
+        icon: icon
+    }).addTo(map);
 }
 
 // Ricaricamento della pagina alla chiusura
diff --git a/modules/interventi/edit.php b/modules/interventi/edit.php
index 5d6601ba4..889120c6a 100755
--- a/modules/interventi/edit.php
+++ b/modules/interventi/edit.php
@@ -143,8 +143,6 @@ if (!empty($intervento->idsede_destinazione)) {
 $anagrafica_azienda = Anagrafica::find(setting('Azienda predefinita'));
 $sede_azienda = $anagrafica_azienda->sedeLegale;
 
-$google = setting('Google Maps API key');
-
 echo '
             <div class="col-md-4">
                 <div class="panel panel-primary">
@@ -154,12 +152,8 @@ echo '
                     <div class="panel-body">';
 
 $map_load_message = tr('Clicca per visualizzare');
-if (empty($google)) {
-    echo '
-                        <div class="alert alert-info">
-                            '.Modules::link('Impostazioni', null, tr('Per abilitare la visualizzazione delle anagrafiche nella mappa, inserire la Google Maps API Key nella scheda Impostazioni'), true, null, true, null, '&search=Google Maps API key').'.
-                        </div>';
-} elseif (!empty($sede_cliente->gaddress) || (!empty($sede_cliente->lat) && !empty($sede_cliente->lng))) {
+
+if (!empty($sede_cliente->gaddress) || (!empty($sede_cliente->lat) && !empty($sede_cliente->lng))) {
     echo '
                         <div id="map-edit" style="height: 200px;width: 100%;display: flex;align-items: center;justify-content: center;" onclick="caricaMappa()">
                             <p class="clickable badge">'.$map_load_message.'</p>
@@ -180,10 +174,11 @@ if (empty($google)) {
                             <i class="fa fa-map-signs"></i> '.tr('Calcola percorso').'
                         </a>';
 
-    // Ricerca diretta su Google Maps
+    // Ricerca diretta su Mappa
     echo '
-                        <a class="btn btn-info btn-block" onclick="cercaGoogleMaps()">
-                            <i class="fa fa-map-marker"></i> '.tr('Cerca su Google Maps').'
+                        <a class="btn btn-info btn-block" onclick="cercaOpenStreetMap()">
+                            <i class="fa fa-map-marker"></i> '.tr('Cerca su Mappa').'
+                            '.((!empty($sede_cliente->lat)) ? tr(' (GPS)'): '' ).'
                         </a>';
 }
 
@@ -198,15 +193,19 @@ echo '
                 openModal("'.tr('Modifica posizione').'", "'.$module->fileurl('modals/posizione.php').'?id_module='.$id_module.'&id_record='.$id_record.'");
             }
 
-            function cercaGoogleMaps() {
+            function cercaOpenStreetMap() {
                 const indirizzo = getIndirizzoAnagrafica();
-                window.open("https://maps.google.com/maps/search/" + indirizzo);
+                if (indirizzo[0] && indirizzo[1]) {
+                    window.open("https://www.openstreetmap.org/?mlat=" + indirizzo[0] + "&mlon=" + indirizzo[1] + "#map=12/" + indirizzo[0] + "/" + indirizzo[1]);
+                } else {
+                    window.open("https://www.openstreetmap.org/search?query=" + indirizzo[2]);
+                }
             }
 
             function calcolaPercorso() {
                 const indirizzo_partenza = getIndirizzoAzienda();
                 const indirizzo_destinazione = getIndirizzoAnagrafica();
-                window.open("https://www.google.com/maps/dir/?api=1&origin=" + indirizzo_partenza + "&destination=" + indirizzo_destinazione);
+                window.open("https://www.openstreetmap.org/directions?engine=fossgis_osrm_car&route=" + indirizzo_partenza + ";" + indirizzo_destinazione[0] + "," + indirizzo_destinazione[1]);
             }
 
             function getIndirizzoAzienda() {
@@ -216,9 +215,6 @@ echo '
                 const lat = parseFloat("'.$sede_azienda->lat.'");
                 const lng = parseFloat("'.$sede_azienda->lng.'");
 
-                const indirizzo_default = encodeURI(indirizzo) + "," + encodeURI(citta);
-                if (!lat || !lng) return indirizzo_default;
-
                 return lat + "," + lng;
             }
 
@@ -230,9 +226,8 @@ echo '
                 const lng = parseFloat("'.$sede_cliente->lng.'");
 
                 const indirizzo_default = encodeURI(indirizzo) + "," + encodeURI(citta);
-                if (!lat || !lng) return indirizzo_default;
 
-                return lat + "," + lng;
+                return [lat, lng, indirizzo_default];
             }
 
             function caricaMappa() {
@@ -241,32 +236,32 @@ echo '
                     return;
                 }
 
-                $.getScript("//maps.googleapis.com/maps/api/js?libraries=places&key='.$google.'", function() {
-                    const map_element = map_div[0];
-                    const lat = parseFloat("'.$sede_cliente->lat.'");
-                    const lng = parseFloat("'.$sede_cliente->lng.'");
+                const lat = parseFloat("'.$sede_cliente->lat.'");
+                const lng = parseFloat("'.$sede_cliente->lng.'");
 
-                    if (!lat || !lng) return;
-                    const position = new google.maps.LatLng(lat, lng);
+                var map = L.map("map-edit", {
+                    center: [lat, lng],
+                    zoom: 10,
+                    gestureHandling: true
+                });
 
-                    // Create a Google Maps native view under the map_canvas div.
-                    const map = new google.maps.Map(map_element, {
-                        zoom: 14,
-                        scrollwheel: false,
-                        mapTypeControl: true,
-                        mapTypeId: "roadmap",
-                        mapTypeControlOptions: {
-                            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
-                            mapTypeIds: ["roadmap", "terrain"],
-                        }
-                    });
+                var icon = new L.Icon({
+                    iconUrl: globals.rootdir + "/assets/dist/img/marker-icon.png",
+                    shadowUrl:globals.rootdir + "/assets/dist/img/leaflet/marker-shadow.png",
+                    iconSize: [25, 41],
+                    iconAnchor: [12, 41],
+                    popupAnchor: [1, -34],
+                    shadowSize: [41, 41]
+                });
 
-                    map.setCenter(position);
-                    const marker = new google.maps.Marker({
-                        position: position,
-                        map: map,
-                    });
-               });
+                L.tileLayer("https://{s}.tile.openstreetmap.de/{z}/{x}/{y}.png", {
+                    maxZoom: 17,
+                    attribution: "© OpenStreetMap"
+                }).addTo(map); 
+              
+                var marker = L.marker([lat, lng], {
+                    icon: icon
+                }).addTo(map);
             }
         </script>';
 
diff --git a/modules/mappa/css/app.css b/modules/mappa/css/app.css
index 645b041b5..f8937f699 100644
--- a/modules/mappa/css/app.css
+++ b/modules/mappa/css/app.css
@@ -8,7 +8,7 @@
     height:700px;
     position:fixed;
     top:100px;
-    
+    z-index: 10000;
 }
 
 .open-menu{
@@ -101,4 +101,8 @@ a:active, a:hover, a:focus {
     outline: 0;
     text-decoration: none;
     outline: 0 !important;
+}
+
+.select2-container {
+    z-index: 10000;
 }
\ No newline at end of file
diff --git a/modules/mappa/edit.php b/modules/mappa/edit.php
index b3a08f559..27481b07f 100644
--- a/modules/mappa/edit.php
+++ b/modules/mappa/edit.php
@@ -23,10 +23,6 @@ include_once __DIR__.'/../../core.php';
 
 <link rel="stylesheet" href="<?=$rootdir?>/modules/mappa/css/app.css">
 
-<?php
-if(!empty(setting('Google Maps API key'))){
-?>
-
 <!-- Mappa -->
 <div id="mappa"></div>
 
@@ -48,7 +44,7 @@ if(!empty(setting('Google Maps API key'))){
 
         <div class="row">
             <div class="col-md-12">
-                {[ "type": "select", "name": "idanagrafica", "id": "idanagrafica", "required": 1, "ajax-source": "clienti_fornitori" ]}
+                {[ "type": "select", "name": "idanagrafica", "id": "idanagrafica", "required": 1, "ajax-source": "clienti" ]}
             </div>
         </div>
 
@@ -82,19 +78,21 @@ if(!empty(setting('Google Maps API key'))){
 <script>
     var ROOTDIR = '<?=$rootdir?>';
 
-    function calcolaPercorso(indirizzo) {
-        window.open("https://www.google.com/maps/dir/?api=1&destination=" + indirizzo);
+    function caricaMappa() {
+        const lat = "41.706";
+        const lng = "13.228";
+
+        map = L.map("mappa", {
+            center: [lat, lng],
+            zoom: 6,
+            gestureHandling: true
+        });
+
+        L.tileLayer("<?php echo setting("Tile layer OpenStreetMap"); ?>", {
+            maxZoom: 17,
+            attribution: "© OpenStreetMap"
+        }).addTo(map); 
     }
 </script>
 
-<script type="text/javascript" src="<?=$rootdir?>/modules/mappa/js/app.js"></script>
-<script src="https://maps.googleapis.com/maps/api/js?callback=initialize&key=<?=setting('Google Maps API key')?>&libraries=&v=weekly" async></script>
-
-<?php
-}else{
-    echo '
-    <div class="alert alert-info">
-        '.Modules::link('Impostazioni', null, tr('Per abilitare la visualizzazione della mappa, inserire la Google Maps API Key nella scheda Impostazioni'), true, null, true, null, '&search=Google Maps API key').'.
-    </div>';
-}
-?>
\ No newline at end of file
+<script type="text/javascript" src="<?=$rootdir?>/modules/mappa/js/app.js"></script>
\ No newline at end of file
diff --git a/modules/mappa/js/app.js b/modules/mappa/js/app.js
index 08a4502b9..b97817014 100644
--- a/modules/mappa/js/app.js
+++ b/modules/mappa/js/app.js
@@ -1,42 +1,27 @@
-$(document).ready(function(){
+$(document).ready(function() {
     if(!$('body').hasClass('sidebar-collapse')){
         $('.sidebar-toggle').trigger('click');
         $('.nav').hide();
     }
 
-    reload_pointers();
+    setTimeout(function () {
+        caricaMappa();
+        reload_pointers();
+    }, 1000);
 });
 
 let map;
 var markers = [];
+var icon = new L.Icon({
+    iconUrl: globals.rootdir + "/assets/dist/img/marker-icon.png",
+    shadowUrl:globals.rootdir + "/assets/dist/img/leaflet/marker-shadow.png",
+    iconSize: [25, 41],
+    iconAnchor: [12, 41],
+    popupAnchor: [1, -34],
+    shadowSize: [41, 41]
+});
 
-function initialize(startLat, startLon) {
-
-	if (startLat==undefined){
-		startLat = 43.45291889;
-	}
-	if (startLon==undefined){
-		startLon = 11.96411133;
-	}
-
-	var myLatlng = new google.maps.LatLng(startLat, startLon);
-
-	var mapOptions = {
-		zoom: 7,
-		center: myLatlng,
-		mapTypeId: google.maps.MapTypeId.ROADMAP,
-		mapTypeControl: false,
-		streetViewControl: false,
-		panControl: false,
-		scaleControl: false,
-		rotateControl: false
-	}
-
-	map = new google.maps.Map(document.getElementById('mappa'), mapOptions);
-
-}
-
-$('#menu-filtri-toggle').click(function(){
+$('#menu-filtri-toggle').click(function() {
 
     if($(this).parent().parent().parent().hasClass("open-menu")){
         $(this).parent().parent().parent().removeClass("open-menu");
@@ -57,75 +42,44 @@ $('#menu-filtri-toggle').click(function(){
     }
 });
 
-function reload_pointers(){
-
+function reload_pointers() {
     clearMarkers();
-
     var check = [];
 
-    $("input[type='checkbox']").each(function(){
+    $("input[type='checkbox']").each(function() {
         if($(this).is(':checked')){
             id = $(this).attr('id');
 
             check.push(id);
-
         }
     });
 
     $.get(ROOTDIR+'/modules/mappa/actions.php?op=get_markers&idanagrafica='+$('#idanagrafica').val()+'&check='+check, function(data){
-
-        var infowindow = new google.maps.InfoWindow();
-        var bounds = new google.maps.LatLngBounds ();
-
         var dettagli = JSON.parse(data);
-
-        var marker, i;
-        var counter = 0;
-
         dettagli.forEach(function(dettaglio) {
 
-            const posizione = new google.maps.LatLng(dettaglio.lat, dettaglio.lng);
-
-            marker = new google.maps.Marker({
-                position: posizione,
-                map: map,
-            });
-
-            markers.push(marker);
-            bounds.extend(posizione);
-
-            google.maps.event.addListener(marker, 'click', (function(marker, i) {
-                return function() {
-                    infowindow.setContent(dettaglio.descrizione);
-                    infowindow.open(map, marker);
-                }
-            })(marker, i));
-
-            counter++;
+            if (dettaglio.lat && dettaglio.lng) {
+                L.marker([dettaglio.lat, dettaglio.lng], {
+                icon: icon
+                }).addTo(map);
+            }
         });
+    });
+}
 
-        if(counter>0){
-            map.setCenter(bounds.getCenter()); // this will set the center of map to center of all markers
-            map.fitBounds(bounds); // this will fit all the markers to screen
+function clearMarkers() {
+    map.eachLayer(function (layer) {
+        if(layer instanceof L.Marker) {
+            map.removeLayer(layer);
         }
     });
 }
 
-function setMapOnAll(map) {
-    for (let i = 0; i < markers.length; i++) {
-        markers[i].setMap(map);
-    }
-}
-
-function clearMarkers() {
-    setMapOnAll(null);
-}
-
-$("input[type='checkbox']").change(function(){
+$("input[type='checkbox']").change(function() {
     reload_pointers();
 });
 
-$('#idanagrafica').change(function(){
+$('#idanagrafica').change(function() {
     reload_pointers();
 });
 
diff --git a/package.json b/package.json
index bff3794c2..e199832af 100755
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
         "bootstrap-daterangepicker": "^2.1.25",
         "bootstrap-maxlength": "^1.10.1",
         "chart.js": "^3.8.0",
-        "ckeditor4": "ckeditor/ckeditor4-releases#full/latest",
+        "ckeditor4": "^4.21.0",
         "components-jqueryui": "^1.12.1",
         "datatables.net-bs": "^1.10.15",
         "datatables.net-buttons-bs": "^1.3.1",
@@ -30,10 +30,12 @@
         "jquery-form": "^4.2.1",
         "jquery-ui-touch-punch": "^0.2.3",
         "jquery.shorten": "^1.0.0",
+        "leaflet": "^1.9.4",
+        "leaflet-gesture-handling": "^1.2.2",
         "moment": "^2.18.1",
         "numeral": "^2.0.6",
         "parsleyjs": "^2.7.2",
-        "pdf.js": "alekswebnet/pdfjs-viewer-element",
+        "pdfjs-viewer-element": "^2.3.1",
         "pwstrength-bootstrap": "^3.0.4",
         "select2": "^4.0.3",
         "select2-bootstrap-theme": "^0.1.0-beta.10",
diff --git a/plugins/sedi/edit.php b/plugins/sedi/edit.php
index d2513da3a..cd8164477 100755
--- a/plugins/sedi/edit.php
+++ b/plugins/sedi/edit.php
@@ -108,10 +108,8 @@ echo '
 		<div class="col-md-12">
 			{[ "type": "textarea", "label": "'.tr('Note').'", "name": "note", "value": "$note$" ]}
 		</div>
-	</div>';
+	</div>
 
-if (!empty($google)) {
-    echo '
 	<div class="row">
 		<div class="col-md-6" id="geocomplete">
 			{[ "type": "text", "label": "'.tr('Indirizzo Google').'", "name": "gaddress", "value": "$gaddress$", "extra": "data-geo=\'formatted_address\'" ]}
@@ -125,31 +123,24 @@ if (!empty($google)) {
 			{[ "type": "text", "label": "'.tr('Longitudine').'", "name": "lng", "id": "lng_", "value": "$lng$", "extra": "data-geo=\'lng\'", "class": "text-right" ]}
 		</div>';
 
-    // Vedi su google maps
-    if (!empty($record['indirizzo']) || (empty($record['citta']))) {
-        echo '
-			<div  class="btn-group col-md-2"  >
-				<label>&nbsp;</label><br>
-				<a class="btn btn-info" title="'.tr('Mostra la sede su Google Maps').'" onclick="window.open(\'https://maps.google.com/maps/search/\'+encodeURI( $(\'#indirizzo_\').val() )+\', \'+encodeURI( $(\'#citta_\').val() ) );">&nbsp;<i class="fa fa-map-marker">&nbsp;</i></a>
-			';
+if (!empty($record['indirizzo']) || (empty($record['citta']))) {
+	echo '
+		<div  class="btn-group col-md-2"  >
+			<label>&nbsp;</label><br>
+			<a class="btn btn-info" title="'.tr('Mostra la sede su Openstreetmap').'" onclick="window.open(\'https://maps.google.com/maps/search/\'+encodeURI( $(\'#indirizzo_\').val() )+\', \'+encodeURI( $(\'#citta_\').val() ) );">&nbsp;<i class="fa fa-map-marker">&nbsp;</i></a>
+		';
 
-        echo '
-				<a title="'.tr('Calcola percoso da sede legale a questa sede').'" class="btn btn-primary btn-secondary" onclick="window.open(\'https://maps.google.com/maps/dir/\'+encodeURI( $(\'#indirizzo_\').val() )+\', \'+encodeURI( $(\'#citta_\').val() )+\'/\'+encodeURI( $(\'#indirizzo\').val() )+\',\'+encodeURI( $(\'#citta\').val() )+\',8z\');"><i class="fa fa-car"></i></a>
-			</div>';
-    }
+	echo '
+			<a title="'.tr('Calcola percoso da sede legale a questa sede').'" class="btn btn-primary btn-secondary" onclick="window.open(\'https://maps.google.com/maps/dir/\'+encodeURI( $(\'#indirizzo_\').val() )+\', \'+encodeURI( $(\'#citta_\').val() )+\'/\'+encodeURI( $(\'#indirizzo\').val() )+\',\'+encodeURI( $(\'#citta\').val() )+\',8z\');"><i class="fa fa-car"></i></a>
+		</div>';
+}
 
-    echo '
-    </div>';
+echo '
+</div>';
 
-    if (!empty($record['gaddress']) || (!empty($record['lat']) && !empty($record['lng']))) {
-        echo '
-    <div id="map" style="height:400px; width:100%"></div><br>';
-    }
-} else {
-    echo '
-    <div class="alert alert-info">
-        '.Modules::link('Impostazioni', null, tr('Per abilitare la visualizzazione delle anagrafiche nella mappa, inserire la Google Maps API Key nella scheda Impostazioni'), true, null, true, null, '&search=Google Maps API key').'.
-    </div>';
+if (!empty($record['gaddress']) || (!empty($record['lat']) && !empty($record['lng']))) {
+	echo '
+<div id="map" style="height:400px; width:100%"></div><br>';
 }
 
 // Permetto eliminazione tipo sede solo se non è utilizzata da nessun'altra parte nel gestionale
diff --git a/update/2_4_47.sql b/update/2_4_47.sql
index 0e70b9956..997772337 100644
--- a/update/2_4_47.sql
+++ b/update/2_4_47.sql
@@ -11,3 +11,8 @@ UPDATE `zz_settings` SET `help` = "Se abilitato viene effettuato un backup compl
 
 UPDATE `zz_settings` SET `editable` = 1 WHERE `zz_settings`.`nome` = 'Soft quota';
 UPDATE `zz_settings` SET `help` = "Valore espresso in Giga superato il quale viene visualizzato un avviso di spazio in esaurimento." WHERE `zz_settings`.`nome` = 'Soft quota';
+
+-- Rimozione google maps
+DELETE FROM `zz_settings` WHERE `zz_settings`.`nome` = 'Google Maps API key';
+
+INSERT INTO `zz_settings` (`id`, `nome`, `valore`, `tipo`, `editable`, `sezione`, `created_at`, `order`, `help`) VALUES (NULL, 'Tile layer OpenStreetMap', 'https://{s}.tile.openstreetmap.de/{z}/{x}/{y}.png', 'string', '1', 'Generali', NULL, NULL, '') 
\ No newline at end of file