Durante il web 0.1 o 1.0 si inserivano mappe grafiche prive in strumenti. Con l'avvento dei servizi di Mappe satellitari disp...
Durante il web 0.1 o 1.0 si inserivano mappe grafiche prive in strumenti. Con l'avvento dei servizi di Mappe satellitari disponibili gratuitamente su web l'utilizzo di questi servizi è praticamente diventato uno standard inserire una inclusione (un iframe) di una di queste mappe nella pagina contatti di un sito web.
Attualmente il servizio più famoso ed utilizzato è Google Maps
Esempio codice di inclusione
Quali sono le alternative che si possono valutare a questo servizio?
TuttoCitta.it
La prima che vi propongo è una soluzione tutta italiana di italiaonline ed è il servizio TuttoCitta.it
Nota bene che trovare l'iframe di inclusione nel sito tuttocitta.it non è molto evidente, e questo ritengo sia una pecca, dovrebbero renderlo molto più evidente perché l'inclusione della propria mappa in un altro sito è tutta pubblicità gratuita al loro servizio che può portare traffico al loro sito.
Detto ciò per trovare l'iframe da includere allo stato attuale bisogna cliccare sull'icona per i link (sotto l'icona Hotel), là vi propone "Invia mail", subito sotto cliccate su Invia Link perché là troverete "Incolla HTML da incorporare nel sito web.
Nota anche che sotto al codice proposto trovi Personalizza e visualizza in anteprima la mappa incorporata che apre un popup nel quale è possibile personalizzar la dimensione di inclusione. Ovviamente se conosci il codice HTML lo puoi fare a manina modificando in style i parametri di height e width.
Esempio codice di inclusione
OpenStreetMap.org
Finito il campanilismo, il mio servizio preferito è sicuramente OpenStreetMaps.org perché è possibile contribuire nel miglioramento della mappa.
Visualizza mappa ingrandita
Esempio codice di inclusione
Possiamo subito notare che rispetto agli altri due servizi nell'inclusione non c'è la possibilità di passare alla visualizzazione via satellite. Però è possibile includere la mappa in 6 modalità diverse:
- Standard (quella sopra)
- CyclOSM
- Mappa ciclabile
- Mappa Trasporti (quella qui sotto nella quale si vedono bene la linea ferroviaria, i tracciati degli autobus, ingrandendo anche le fermate ed i numeri delle linee)
- OPNVKarte
- Umanitario
Visualizza mappa ingrandita
Esempio codice di inclusione
Per maggiori informazioni sul progetto Open Street maps si veda: https://it.wikipedia.org/wiki/OpenStreetMap
Bing
Per includere una mappa di Bing Maps dopo aver scelto la località nella barra di ricerca e premuto invio, cliccate sui "Altro" (tre puntini), da li accedete alla voce di menu > Incorpora una mappa
Vi propone una pagina nella quale potete modificare alcuni parametri e posizionare la mappa in modo visivo semplicemente trascinandola. Anche Bing non fornisce nell'inclusione la possibilità di cambiare visualizzazione da mappa a satellitare.
Esempio codice di inclusione
Yandex.com Maps
In Yandex.com/maps l'opzione di share in modalità di inclusione si trova nel menu a sinistra "tre puntini ... " > Share > WIDGET WITH MAP
Qui consiglio di cliccare su Preview per vedere l'anteprima. Come è possibile vedere il brand Yandex risulta essere decisamente invasivo per le inclusioni della mappa in altri siti web. Sarebbe stato meglio una brandidazione della mappa più discreta. Avrebbe agevolato le condivisioni.
Esempio codice di inclusione
Here.com
Menziono anche il serivizio wego.here.com
Le loro indicazioni prevedono la creazione di un utente e l'uso di un ID come è possibile vedere qui: https://developer.here.com/documentation/embedded-editor/dev_guide/topics/add-to-website.html
Nessun commento