Come creare delle mappe interattive da installare nel proprio blog con UMapper.

Alcuni blog hanno una vocazione basata sul territorio, altri come quelli aziendali, hanno invece l’esigenza di mostrare al visitatore itinerari per giungere al luogo dell’attività commerciale di cui sono il supporto.

In questi casi può essere utile UMapper che è un sito che consente di creare mappe basate su servizi come Google Maps, Microsoft Virtual Earth o Open Street.

Dopo una registrazione, consigliata ma non obbligatoria, si può iniziare subito a creare la nostra mappa. Le istruzioni basilari su come crearla possono essere trovate qui. Il sito è in versione Beta da poco tempo (prima era in alpha).

Si devono inserire le seguenti informazioni

• Titolo
• Descrizione
• Converti testo o URL in un punto della mappa | Può essere interessante per mettere un collegamento ad un sito nella mappa stessa
• Etichette
• Chi può vedere la mappa (tutti, solo io,…)
• Chi può editare la mappa (solo io, tutti, …)
• Che provider usare tra Google Maps, Microsoft Virtual Earth, OpenStreet Map, Cloud Made *Beta, Yahoo.

Cliccare su Submit. Nella finestra successiva con il mouse selezionare la porzione di mappa attraverso lo spostamento laterale e lo zoom, quindi con i tool messi a disposizione arricchirla a piacimento di marcatori, linee e quant’altro

Quando si è finito cliccare su Save, quindi Exit Editor e copiare il codice embed in basso a destra. Esistono anche altre opzioni di condivisione che non sto a elencare

Ho realizzato una mappa di prova in due minuti e devo dire che non è niente male. Un servizio che credo possa essere utile a chiunque voglia organizzare un evento o pubblicizzare una località o un indirizzo. Agendo sul “+” o “-“ in alto a sinistra si può interagire con le funzioni di zoom. Attraverso Road, Aerial e Hybrid si può scegliere se visualizzare le strade, il territorio dall’alto o tutte e due le cose contemporaneamente.

In basso sono presenti il link e il codice da copiare per condividerla. Per poterla centrare in mezzo alla pagina ho attinto al codice di questo post in cui spiego come centrare Adsense

 

 

E’ veramente uno strumento potentissimo e di utilizzo relativamente semplice.