From f6ea3be74614ddff5d80b1c1b38297dad968e385 Mon Sep 17 00:00:00 2001
From: sedum <sedum@oziosi.org>
Date: Tue, 6 Dec 2022 00:03:53 +0100
Subject: [PATCH] geocoding and tilelayer tests are working also on setup, add
 support for photon

---
 components/WhereInput.vue         |  91 ++++++++++++++-----
 components/admin/Geolocation.vue  | 144 +++++++++++++++---------------
 components/admin/Places.vue       |   9 +-
 components/admin/Settings.vue     |   9 +-
 locales/en.json                   |   9 +-
 locales/it.json                   |  10 ++-
 server/api/controller/place.js    |  31 +++++--
 server/api/controller/settings.js |   1 +
 server/api/index.js               |   3 +-
 server/helpers.js                 |   1 +
 store/index.js                    |   1 +
 11 files changed, 192 insertions(+), 117 deletions(-)

diff --git a/components/WhereInput.vue b/components/WhereInput.vue
index 520b83b8..68517cc3 100644
--- a/components/WhereInput.vue
+++ b/components/WhereInput.vue
@@ -46,7 +46,7 @@ v-row.mb-4
       :items="addressList"
       :hint="$t('event.address_description' + (settings.allow_geolocation && '_osm'))")
       template(v-slot:message="{message, key}")
-        span(v-html='message' :key="key") 
+        span(v-html='message' :key="key")
       template(v-slot:item="{ item, attrs, on  }")
         v-list-item(v-bind='attrs' v-on='on')
           v-icon.pr-4(v-text='loadCoordinatesResultIcon(item)')
@@ -76,7 +76,7 @@ export default {
   props: {
     value: { type: Object, default: () => ({}) }
   },
-  data () {
+  data ( {$store} ) {
     return {
       mdiMap, mdiMapMarker, mdiPlus, mdiMapSearch, mdiLatitude, mdiLongitude, mdiRoadVariant, mdiHome, mdiCityVariant,
       place: { },
@@ -91,7 +91,14 @@ export default {
         node: mdiMapMarker,
         relation: mdiCityVariant,
       },
-      nominatim_class: ['amenity', 'shop', 'tourism', 'leisure', 'building']
+      nominatim_class: ['amenity', 'shop', 'tourism', 'leisure', 'building'],
+      photon_osm_key: ['amenity', 'shop', 'tourism', 'leisure', 'building'],
+      photon_osm_type: {
+        'W': mdiRoadVariant,
+        'N': mdiMapMarker,
+        'R': mdiCityVariant,
+      },
+      geocoding_provider_type: $store.state.settings.geocoding_provider_type || 'Nominatim'
     }
   },
   computed: {
@@ -126,10 +133,17 @@ export default {
       }
     }, 100),
     loadCoordinatesResultIcon(item) {
-      if ( this.nominatim_class.includes(item.class)) {
-        return this.mdiHome
+      if (this.geocoding_provider_type == "Nominatim") {
+        if ( this.nominatim_class.includes(item.class)) {
+          return this.mdiHome
+        }
+        return this.nominatim_osm_type[item.type]
+      } else if (this.geocoding_provider_type == "Photon") {
+        if ( this.photon_osm_key.includes(item.class)) {
+          return this.mdiHome
+        }
+        return this.photon_osm_type[item.type]
       }
-      return this.nominatim_osm_type[item.type]
     },
     selectPlace (p) {
       if (!p) { return }
@@ -220,22 +234,55 @@ export default {
 
       if (searchCoordinates.length) {
         this.loading = true
-        const ret = await this.$axios.$get(`placeNominatim/${searchCoordinates}`)
-        if (ret && ret.length) {
-          this.addressList = ret.map(v => {
-            const name = get(v.namedetails, 'alt_name', get(v.namedetails, 'name'))
-            const address = v.display_name ? v.display_name.replace(name, '').replace(/^, ?/, '') : ''
-            return {
-              class: v.class,
-              type: v.osm_type,
-              lat: v.lat,
-              lon: v.lon,
-              name,
-              address
-            }
-          })
-        } else {
-          this.addressList = []
+        const ret = await this.$axios.$get(`placeOSM/${this.geocoding_provider_type}/${searchCoordinates}`)
+        if (this.geocoding_provider_type == "Nominatim") {
+          if (ret && ret.length) {
+            this.addressList = ret.map(v => {
+              const name = get(v.namedetails, 'alt_name', get(v.namedetails, 'name'))
+              const address = v.display_name ? v.display_name.replace(name, '').replace(/^, ?/, '') : ''
+              return {
+                class: v.class,
+                type: v.osm_type,
+                lat: v.lat,
+                lon: v.lon,
+                name,
+                address
+              }
+            })
+          } else {
+            this.addressList = []
+          }
+        } else if (this.geocoding_provider_type == "Photon") {
+          let photon_properties = ['housenumber', 'street', 'district', 'city', 'county', 'state', 'postcode', 'country']
+
+          if (ret) {
+            this.addressList = ret.features.map(v => {
+              let pre_name = v.properties.name || v.properties.street || ''
+              let pre_address = ''
+
+              photon_properties.forEach((item, i) => {
+                let last = i == (photon_properties.length - 1)
+                if (v.properties[item] && !last) {
+                  pre_address += v.properties[item]+', '
+                } else if (v.properties[item]) {
+                  pre_address += v.properties[item]
+                }
+              });
+
+              let name = pre_name
+              let address = pre_address
+              return {
+                class: v.properties.osm_key,
+                type: v.properties.osm_type,
+                lat: v.geometry.coordinates[1],
+                lon: v.geometry.coordinates[0],
+                name,
+                address
+              }
+            })
+          } else {
+            this.addressList = []
+          }
         }
         this.loading = false
       }
diff --git a/components/admin/Geolocation.vue b/components/admin/Geolocation.vue
index f96f9cd9..e5c1c67d 100644
--- a/components/admin/Geolocation.vue
+++ b/components/admin/Geolocation.vue
@@ -1,9 +1,17 @@
 <template lang="pug">
 v-card
-  v-card-title Geolocation settings
+  v-card-title Geolocation and Map settings
   v-card-text
-    p.mb-8(v-html="$t('admin.geolocation_description')")
-    v-form(v-model='isValid')
+    p.mb-6(v-html="$t('admin.geolocation_description')")
+
+    v-form
+      v-autocomplete.mb-4(v-model='geocoding_provider_type'
+        @blur="save('geocoding_provider_type', geocoding_provider_type )"
+        :label="$t('admin.geocoding_provider_type')"
+        :hint="$t('admin.geocoding_provider_type_help')"
+        persistent-hint
+        :items="geocoding_provider_type_items"
+        :placeholder="geocoding_provider_type_default")
 
       v-text-field.mb-4(v-model='geocoding_provider'
         @blur="save('geocoding_provider', geocoding_provider )"
@@ -12,11 +20,11 @@ v-card
         persistent-hint
         :placeholder="geocoding_provider_default")
 
-      v-autocomplete.mb-4(v-model='geocoding_countrycodes'
+      v-autocomplete.mb-6(v-model="geocoding_countrycodes" :disabled="geocoding_provider_type != null || geocoding_provider_type != 'Nominatim'"
         @blur="save('geocoding_countrycodes', geocoding_countrycodes )"
         :label="$t('admin.geocoding_countrycodes')"
-        chips multiple persistent-hint
-        :items='countries'
+        :items="countries"
+        multiple chips small-chips persistent-hint
         item-value="code"
         item-text="name"
         :hint="$t('admin.geocoding_countrycodes_help')")
@@ -31,15 +39,14 @@ v-card
       v-text-field(v-model='tilelayer_provider_attribution'
         @blur="save('tilelayer_provider_attribution', tilelayer_provider_attribution )"
         :label="$t('admin.tilelayer_provider_attribution')"
-        placeholder="map data © OpenStreetMap contributors under ODbL")
+        :placeholder="tilelayer_provider_attribution_default")
 
-      clientOnly
-        div.h-8.w-8(id="leaflet-map")
+      div(id="leaflet-map-preview" max-height='10px')
 
   v-card-actions
     v-spacer
-    v-btn(color='primary' @click='testGeocodingProvider' :loading='testGeocodingLoading' outlined) {{$t('admin.geocoding_test_button')}}
-    v-btn(color='primary' @click='testTileLayerProvider' :loading='testTileLayerLoading' outlined :disabled="false" ) {{$t('admin.tilelayer_test_button')}}
+    v-btn(color='primary' @click='testGeocodingProvider' :loading='testGeocodingLoading' outlined ) {{$t('admin.geocoding_test_button')}}
+    v-btn(color='primary' @click='testTileLayerProvider' :loading='testTileLayerLoading' outlined ) {{$t('admin.tilelayer_test_button')}}
     v-btn(color='warning' @click="done" outlined) {{$t("common.ok")}}
 
 </template>
@@ -49,20 +56,26 @@ import { isoCountries } from '../../server/helpers/geolocation'
 import "leaflet/dist/leaflet.css"
 
 export default {
+  props: {
+    setup: { type: Boolean, default: false }
+  },
   data ({ $store }) {
     return {
-      isValid: false,
       loading: false,
       testGeocodingLoading: false,
       testTileLayerLoading: false,
+      geocoding_provider_type_items: ['Nominatim', 'Photon'],
+      geocoding_provider_type: $store.state.settings.geocoding_provider_type || '',
+      geocoding_provider_type_default: 'Nominatim',
       geocoding_provider: $store.state.settings.geocoding_provider || '',
-      geocoding_provider_default: "https://nominatim.openstreetmap.org/" ,
+      geocoding_provider_default: "https://nominatim.openstreetmap.org/search" ,
       geocoding_countrycodes: $store.state.settings.geocoding_countrycodes || [],
       tilelayer_provider: $store.state.settings.tilelayer_provider || '',
+      tilelayer_provider_default: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
       tilelayer_provider_attribution: $store.state.settings.tilelayer_provider_attribution || '',
-      tilelayer_provider_default: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+      tilelayer_provider_attribution_default: '<a target=\'_blank\' href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',
       countries: isoCountries,
-      mapTest: {},
+      mapPreviewTest: null,
     }
   },
   created() {
@@ -70,69 +83,49 @@ export default {
       const L = require('leaflet')
     }
   },
-  computed: {
-    ...mapState(['settings', 'events']),
-  },
+  computed: mapState(['settings', 'events']),
   methods: {
     ...mapActions(['setSetting']),
     async testGeocodingProvider () {
       this.testGeocodingLoading = true
+      const geocodingProviderTest = this.geocoding_provider || this.geocoding_provider_default
+      const geocodingSoftwareTest = this.geocoding_provider_type || this.geocoding_provider_type_default
+      const geocodingQuery = 'building'
+
       try {
-        const geolocation = await this.$axios.$get(`${this.geocoding_provider}search`, {timeout: 3000, params: {format: 'json', q: 'building', limit: 1}})
-        this.$root.$message(this.$t('admin.geocoding_test_success', { service_name: this.geocoding_provider }), { color: 'success' })
+        if (geocodingSoftwareTest === 'Nominatim') {
+          const geolocation = await this.$axios.$get(`${geocodingProviderTest}`, {timeout: 3000, params: {q: `${geocodingQuery}`, format: 'json', limit: 1 }} )
+        } else if (geocodingSoftwareTest === 'Photon') {
+          const geolocation = await this.$axios.$get(`${geocodingProviderTest}`, {timeout: 3000, params: {q: `${geocodingQuery}`, limit: 1}} )
+        }
+
+        this.$root.$message(this.$t('admin.geocoding_test_success', { service_name: geocodingProviderTest }), { color: 'success' })
       } catch (e) {
-        // console.error(e)
-        this.$root.$message(e, { color: 'error' })
+        this.$root.$message(this.$t('admin.tilelayer_test_error', { service_name: geocodingProviderTest }), { color: 'error' })
       }
       this.testGeocodingLoading = false
     },
     async testTileLayerProvider () {
       this.testTileLayerLoading = true
-      try {
-        // clean
-        // if (this.mapTest !== null) {
-        //   this.mapTest.off();
-        //   this.mapTest.remove();
-        // }
-        // init tilelayer
-        this.mapTest = L.map("leaflet-map").setView([40,40],10);
-        this.tileLayer = L.tileLayer(`${this.tilelayer_provider}`, {attribution: `${this.tilelayer_provider_attribution}`})
-        const tileLayer = await this.tileLayer.addTo(this.mapTest)
+      const tileThis = this
+      const tileLayerTest = this.tilelayer_provider || this.tilelayer_provider_default
+      const tileLayerAttributionTest = this.tilelayer_provider_attribution || this.tilelayer_provider_attribution_default
 
-
-        this.tileLayer.on('loading', function (event) {
-            console.log(event)
-            // this.mapTest.fireEvent('dataloading', event);
-        });
-
-        // this.tileLayer.on('load', function (event) {
-        //     // this.mapTest.fireEvent('dataload', event);
-        // });
-
-        // this.tileLayer.on('tileerror', function(error, tile) {
-        //     console.log(error);
-        //     console.log(tile);
-        // });
-        //
-        // this.tileLayer.on('tileabort', this.tileLayer.remove())
-        //
-        this.mapTest.off()
-        this.mapTest.remove()
-
-        // mapTest.on('dataload', handler)
-
-
-        // function handler(event) {
-        //   if (mapTest && mapTest.remove) {
-        //       mapTest.off();
-        //       mapTest.remove();
-        //   }
-        // }
-
-      } catch (e) {
-        console.error(e)
-        this.$root.$message(e.response && e.response.data, { color: 'error' })
+      // init tilelayer
+      if (this.mapPreviewTest == null) {
+        this.mapPreviewTest = L.map("leaflet-map-preview").setView([40,40],10);
       }
+      this.tileLayer = L.tileLayer(`${tileLayerTest}`, {attribution: `${tileLayerAttributionTest}`})
+      this.tileLayer.addTo(this.mapPreviewTest)
+
+      // tilelayer events inherited from gridlayer https://leafletjs.com/reference.html#gridlayer
+      this.tileLayer.on('tileload', function (event) {
+          tileThis.tileLayerTestSucess(event, tileLayerTest)
+      });
+      this.tileLayer.on('tileerror', function(error, tile) {
+          tileThis.tileLayerTestError(event, tileLayerTest)
+          tileThis.tileLayer = null
+      });
       this.testTileLayerLoading = false
     },
     save (key, value) {
@@ -143,15 +136,22 @@ export default {
     done () {
       this.$emit('close')
     },
-    handlerLoad(event) {
-      // this.mapTest.fireEvent('dataload', (event) => {
-        this.$root.$message(this.$t('admin.tilelayer_test_success', { service_name: this.tilelayer_provider }), { color: 'success' })
-        if (this.mapTest !== null) {
-          this.mapTest.off();
-          this.mapTest.remove();
-        }
+    geocodingTestError(event, tileLayerTest) {
+      this.$root.$message(this.$t('admin.geocoding_test_error', { service_name: geocodingTest }), { color: 'error' })
+    },
+    tileLayerTestSucess(event, tileLayerTest) {
+      this.$root.$message(this.$t('admin.tilelayer_test_success', { service_name: tileLayerTest }), { color: 'success' })
+    },
+    tileLayerTestError(event, tileLayerTest) {
+      this.$root.$message(this.$t('admin.tilelayer_test_error', { service_name: tileLayerTest }), { color: 'error' })
     }
 
   }
 }
 </script>
+
+<style>
+#leaflet-map-preview {
+  height: 6rem;
+}
+</style>
diff --git a/components/admin/Places.vue b/components/admin/Places.vue
index 78a773f5..63e14ee5 100644
--- a/components/admin/Places.vue
+++ b/components/admin/Places.vue
@@ -84,7 +84,8 @@ export default {
         { value: 'address', text: this.$t('common.address') },
         { value: 'map', text: 'Map' },
         { value: 'actions', text: this.$t('common.actions'), align: 'right' }
-      ]
+      ],
+      geocoding_provider_type: $store.state.settings.geocoding_provider_type || 'Nominatim'
     }
   },
   async fetch() {
@@ -124,7 +125,7 @@ export default {
         this.place.latitude = this.place.longitude = null
       }
       this.$emit('input', { ...this.place })
-    },    
+    },
     searchAddress: debounce(async function(ev) {
       const pre_searchCoordinates = ev.target.value.trim().toLowerCase()
       // allow pasting coordinates lat/lon and lat,lon
@@ -159,7 +160,7 @@ export default {
 
       if (searchCoordinates.length) {
         this.loading = true
-        const ret = await this.$axios.$get(`placeNominatim/${searchCoordinates}`)
+        const ret = await this.$axios.$get(`placeOSM/${this.geocoding_provider_type}/${searchCoordinates}`)
         if (ret && ret.length) {
           this.addressList = ret.map(v => {
             const name = get(v.namedetails, 'alt_name', get(v.namedetails, 'name'))
@@ -176,7 +177,7 @@ export default {
         }
         this.loading = false
       }
-    }, 300)    
+    }, 300)
   }
 }
 </script>
diff --git a/components/admin/Settings.vue b/components/admin/Settings.vue
index 82eb3fd0..b8769034 100644
--- a/components/admin/Settings.vue
+++ b/components/admin/Settings.vue
@@ -54,20 +54,19 @@ v-container
 
   v-dialog(v-model='showSMTP' destroy-on-close max-width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
     SMTP(@close='showSMTP = false')
-
   v-card-actions
     v-btn(text @click='showSMTP=true')
       <v-icon v-if='!settings.admin_email' color='error' class="mr-2" v-text='mdiAlert'></v-icon> {{$t('admin.show_smtp_setup')}}
-    v-btn(text @click='$emit("complete")' color='primary' v-if='setup') {{$t('common.next')}}
-      v-icon(v-text='mdiArrowRight')
 
   v-dialog(v-model='showGeolocationConfigs' destroy-on-close max-width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
-    Geolocation(@close='showGeolocationConfigs = false')
-
+    Geolocation(setup, @close='showGeolocationConfigs = false')
   v-card-actions
     v-btn(text @click='showGeolocationConfigs=true')
       <v-icon v-if='!settings.admin_email' color='primary' class="mr-2" v-text='mdiMap'></v-icon> {{$t('admin.show_geolocation_setup')}}
 
+  v-btn(text @click='$emit("complete")' color='primary' v-if='setup') {{$t('common.next')}}
+    v-icon(v-text='mdiArrowRight')
+
 </template>
 <script>
 import SMTP from './SMTP.vue'
diff --git a/locales/en.json b/locales/en.json
index 0aacdde1..d7bd8c9e 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -270,18 +270,23 @@
     "known_users": "Known users",
     "created_at": "Created at",
     "show_geolocation_setup": "Geolocation and map settings",
-    "geolocation_description": "<b>Define a provider for geocoding service</b>. Currently, among those listed in the <a href=\"https://wiki.openstreetmap.org/wiki/Nominatim#Alternatives_.2F_Third-party_providers\">wiki of OpenStreetMap</a>, there is support for software <b>Nominatim</b> and <b>Photon</b>.<br>You can use one of the related official demos by copying the link in the 'Geocoding provider' field:<ul><li>https://nominatim.openstreetmap.org/ <a href=\"https://operations.osmfoundation.org/policies/nominatim/\">  [TermsofService]</a></li><li>https://photon.komoot.io/api/ <a href=\"https://photon.komoot.io/\">  [TermsofService]</a></li></ul><b>Define a provider for map layers.</b><br>You can find a list of them here: <a href=\"https://leaflet-extras.github.io/leaflet-providers/preview/\">https://leaflet-extras.github.io/leaflet-providers/preview/</a>",
+    "geolocation_description": "<b>1. Define a provider for geocoding service</b>.<br>Currently, among those listed in the <a href=\"https://wiki.openstreetmap.org/wiki/Nominatim#Alternatives_.2F_Third-party_providers\">wiki of OpenStreetMap</a>, there is support for software <a href=\"https://github.com/osm-search/Nominatim\">Nominatim</a> and <a href=\"https://github.com/komoot/photon\">Photon</a>.<br>You can use one of the related official demos by copying the link in the 'Geocoding provider' field:<ul><li>https://nominatim.openstreetmap.org/ <a href=\"https://operations.osmfoundation.org/policies/nominatim/\">  [Terms of Service]</a></li><li>https://photon.komoot.io/api/ <a href=\"https://photon.komoot.io/\">  [Terms of Service]</a></li></ul><br><b>2. Define a provider for map layers.</b><br>You can find a list of them here: <a href=\"https://leaflet-extras.github.io/leaflet-providers/preview/\">https://leaflet-extras.github.io/leaflet-providers/preview/</a>",
+    "geocoding_provider_type": "Geocoding software",
+    "geocoding_provider_type_help": "The default software is Nominatim",
     "geocoding_provider": "Geocoding provider",
     "geocoding_provider_help": "The default provider is Nominatim",
     "geocoding_countrycodes": "Country codes",
     "geocoding_countrycodes_help": "Allows you to set a filter to searches based on area codes",
     "geocoding_test_button": "Test geocoding",
     "geocoding_test_success": "The service {service_name} is available",
+    "geocoding_test_success": "The geocoding service at {service_name} is working",
+    "geocoding_test_error": "The geocoding service is not reachable at {service_name}",
     "tilelayer_provider": "Tilelayer provider",
     "tilelayer_provider_help": "The default provider is  OpenStreetMap",
     "tilelayer_provider_attribution": "Attribution",
     "tilelayer_test_button": "Test tilelayer",
-    "tilelayer_test_success": "The service {service_name} is available"
+    "tilelayer_test_success": "The tilelayer service at {service_name} is working",
+    "tilelayer_test_error": "The tilelayer service is not reachable at {service_name}"
   },
   "auth": {
     "not_confirmed": "Not confirmed yet…",
diff --git a/locales/it.json b/locales/it.json
index 4ce05899..d7876a71 100644
--- a/locales/it.json
+++ b/locales/it.json
@@ -259,18 +259,22 @@
     "hide_calendar": "Nascondi calendario",
     "default_images": "Immagini preimpostate",
     "show_geolocation_setup": "Impostazioni geolocalizzazione e mappa",
-    "geolocation_description": "<b>Definisci un fornitore per il servizio di georeferenziazione (geocodifica)</b>. Al momento, tra quelli elencati nella <a href=\"https://wiki.openstreetmap.org/wiki/Nominatim#Alternatives_.2F_Third-party_providers\">wiki di OpenStreetMap</a>, è presente il supporto per i software <b>Nominatim</b> e <b>Photon</b>.<br>Puoi utilizzare una delle relative demo ufficiali copiandone il link nel campo 'Fornitore georeferenziazione':<ul><li>https://nominatim.openstreetmap.org/ <a href=\"https://operations.osmfoundation.org/policies/nominatim/\">  [TermsofService]</a></li><li>https://photon.komoot.io/api/ <a href=\"https://photon.komoot.io/\">  [TermsofService]</a></li></ul><b>Definisci un fornitore di layers per la mappa.</b><br>Qui puoi trovarne una lista: <a href=\"https://leaflet-extras.github.io/leaflet-providers/preview/\">https://leaflet-extras.github.io/leaflet-providers/preview/</a>",
+    "geolocation_description": "<b>1. Definisci un fornitore per il servizio di georeferenziazione (geocodifica)</b>.<br>Al momento, tra quelli elencati nella <a href=\"https://wiki.openstreetmap.org/wiki/Nominatim#Alternatives_.2F_Third-party_providers\">wiki di OpenStreetMap</a>, è presente il supporto per i software <a href=\"https://github.com/osm-search/Nominatim\">Nominatim</a> e <a href=\"https://github.com/komoot/photon\">Photon</a>.<br>Puoi utilizzare una delle relative demo ufficiali copiandone il link nel campo 'Fornitore georeferenziazione':<ul><li>https://nominatim.openstreetmap.org/ <a href=\"https://operations.osmfoundation.org/policies/nominatim/\">  [Terms of Service]</a></li><li>https://photon.komoot.io/api/ <a href=\"https://photon.komoot.io/\">  [Terms of Service]</a></li></ul><br><b>2. Definisci un fornitore di layers per la mappa.</b><br>Qui puoi trovarne una lista: <a href=\"https://leaflet-extras.github.io/leaflet-providers/preview/\">https://leaflet-extras.github.io/leaflet-providers/preview/</a>",
+    "geocoding_provider_type": "Software fornitore georeferenziazione",
+    "geocoding_provider_type_help": "Il software di default è Nominatim",
     "geocoding_provider": "Fornitore georeferenziazione",
     "geocoding_provider_help": "Il fornitore di default è Nominatim",
     "geocoding_countrycodes": "Codici territoriali",
     "geocoding_countrycodes_help": "Permette di impostare un filtro alle ricerche basato su codici territori nazionali",
     "geocoding_test_button": "Test geocoding",
-    "geocoding_test_success": "Il servizio {service_name} è raggiungibile",
+    "geocoding_test_success": "Il servizio di geocoding all'indirizzo {service_name} sta funzionando",
+    "geocoding_test_error": "Il servizio non è raggiungibile all'indirizzo: {service_name}",
     "tilelayer_provider": "Fornitore tilelayer",
     "tilelayer_provider_help": "Il fornitore di default è OpenStreetMap",
     "tilelayer_provider_attribution": "Attribuzione",
     "tilelayer_test_button": "Test tilelayer",
-    "tilelayer_test_success": "Il servizio {service_name} è raggiungibile"
+    "tilelayer_test_success": "Il servizio di tilelayer all'indirizzo {service_name} sta funzionando",
+    "tilelayer_test_error": "Il servizio non è raggiungibile all'indirizzo: {service_name}"
   },
   "auth": {
     "not_confirmed": "Non ancora confermato…",
diff --git a/server/api/controller/place.js b/server/api/controller/place.js
index e4e76a35..306510c5 100644
--- a/server/api/controller/place.js
+++ b/server/api/controller/place.js
@@ -6,6 +6,7 @@ const exportController = require('./export')
 const log = require('../../log')
 const { Op, where, col, fn, cast } = require('sequelize')
 const NOMINATIM_URL = 'https://nominatim.openstreetmap.org/search'
+const PHOTON_URL = 'https://photon.komoot.io/api/'
 const axios = require('axios')
 
 module.exports = {
@@ -76,15 +77,13 @@ module.exports = {
 
   async _nominatim (req, res) {
     const details = req.params.place_details
-    const countrycodes = res.locals.settings.geocoding_countrycodes
-    const geocoding_provider = res.locals.settings.geocoding_provider
+    const countrycodes = res.locals.settings.geocoding_countrycodes || ''
+    const geocoding_provider = res.locals.settings.geocoding_provider || NOMINATIM_URL
     // ?limit=3&format=json&namedetails=1&addressdetails=1&q=
-    console.log(countrycodes)
-    console.log(geocoding_provider)
 
-    const ret = await axios.get(`${res.locals.settings.geocoding_provider}`, {
+    const ret = await axios.get(`${geocoding_provider}`, {
       params: {
-        countrycodes: countrycodes || '',
+        countrycodes: countrycodes,
         q: details,
         limit: 3,
         format: 'json',
@@ -93,9 +92,25 @@ module.exports = {
       },
       headers: { 'User-Agent': 'gancio 1.6.0' }
     })
-    console.log(countrycodes)
 
-    console.log(ret)
+    // console.log(ret)
+    return res.json(ret.data)
+
+  },
+
+  async _photon (req, res) {
+    const details = req.params.place_details
+    const geocoding_provider = res.locals.settings.geocoding_provider || PHOTON_URL
+
+    const ret = await axios.get(`${geocoding_provider}`, {
+      params: {
+        q: details,
+        limit: 3,
+      },
+      headers: { 'User-Agent': 'gancio 1.6.0' }
+    })
+
+    // console.log(ret)
     return res.json(ret.data)
 
   },
diff --git a/server/api/controller/settings.js b/server/api/controller/settings.js
index 16019093..87e1d058 100644
--- a/server/api/controller/settings.js
+++ b/server/api/controller/settings.js
@@ -30,6 +30,7 @@ const defaultSettings = {
   allow_recurrent_event: false,
   recurrent_event_visible: false,
   allow_geolocation: true,
+  geocoding_provider_type: 'Nominatim',
   geocoding_provider: 'https://nominatim.openstreetmap.org/',
   geocoding_countrycodes: [],
   tilelayer_provider: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
diff --git a/server/api/index.js b/server/api/index.js
index 1cc3f7fc..812fac98 100644
--- a/server/api/index.js
+++ b/server/api/index.js
@@ -165,7 +165,8 @@ if (config.status !== 'READY') {
   api.get('/place/all', isAdmin, placeController.getAll)
   api.get('/place/:placeName', cors, placeController.getEvents)
   api.get('/place', cors, placeController.search)
-  api.get('/placeNominatim/:place_details', cors, placeController._nominatim)
+  api.get('/placeOSM/Nominatim/:place_details', cors, placeController._nominatim)
+  api.get('/placeOSM/Photon/:place_details', cors, placeController._photon)
   api.put('/place', isAdmin, placeController.updatePlace)
 
   api.get('/tag', cors, tagController.search)
diff --git a/server/helpers.js b/server/helpers.js
index edb28e79..b6ce9a6c 100644
--- a/server/helpers.js
+++ b/server/helpers.js
@@ -92,6 +92,7 @@ module.exports = {
       hide_thumbs: settings.hide_thumbs,
       hide_calendar: settings.hide_calendar,
       allow_geolocation: settings.allow_geolocation,
+      geocoding_provider_type: settings.geocoding_provider_type,
       geocoding_provider: settings.geocoding_provider,
       geocoding_countrycodes: settings.geocoding_countrycodes,
       tilelayer_provider: settings.tilelayer_provider,
diff --git a/store/index.js b/store/index.js
index 201504a9..0c4ce0e6 100644
--- a/store/index.js
+++ b/store/index.js
@@ -9,6 +9,7 @@ export const state = () => ({
     allow_recurrent_event: true,
     recurrent_event_visible: false,
     allow_geolocation: false,
+    geocoding_provider_type: '',
     geocoding_provider: '',
     geocoding_countrycodes: [],
     tilelayer_provider: '',