Integrazione di mappe “vive” di Google in WordPress.com

Chi come me usa WordPress.com come base per i propri blog sa per motivi di sicurezza non è consentito inserire nei post e nella pagine codice html potenzialmente pericoloso come script, iframe ecc. Questo limite, per quanto comprensibile, impedisce di inglobare tutta una serie di applicazioni interessanti (widget). WordPress.com consente l’integrazione di alcuni servizi ben definiti, quali i video di YouTube, attraverso una particolare sintassi.

Ho scoperto recentemente che è possibile integrare con una sintassi molto simile anche le mappe di Google Maps.  Questa possibilità è descritta nel Support di WordPress.com ma le istruzioni riportate non sembrano funzionare  con la versione italiana di Google (maps.google.it). Per tentativi e consultando qualche blog adesso so come fare:

1. Su maps.google.it selezionare la mappa desiderata (vanno bene sia le mappe “generiche” ottenute digitando semplicemente un indirizzo, sia le mappe “personali” costruibili con il comando “Le mie mappe”)

2. Una volta inquadrata la mappa, cliccare su “Link” tutto a destra e copiare il codice scritto nella casella “Incolla HTML da incorporare nel sito web”. questo codice ha più o meno questo aspetto:

<iframe width=”425″ height=”350″ frameborder=”0″ scrolling=”no” marginheight=”0″ marginwidth=”0″ src=”http://maps.google.it/maps/ms?ie=UTF8&amp;hl=it&amp;msa=0&amp;msid=115670203263680312765.00043f591c6492d429f4c&amp;ll=45.48915,9.326671&amp;spn=0.042689,0.033544&amp;output=embed&amp;s=AARTsJqLHpFkJvT2Dkgjqm9amH8BTcvrhw“></iframe><br /><small><a href=”http://maps.google.it/maps/ms?ie=UTF8&amp;hl=it&amp;msa=0&amp;msid=115670203263680312765.00043f591c6492d429f4c&amp;ll=45.48915,9.326671&amp;spn=0.042689,0.033544&amp;source=embed&#8221; style=”color:#0000FF;text-align:left”>Visualizzazione ingrandita della mappa</a></small>

3.  Nel post o pagina, stando sull’editore “Visuale” incollare tutto lo script

4. Cancellare tutto quel che c’è prima di http e tutto quello che viene dopo la fine della stringa che inizia con s=. Se guardate all’esempio sopra riportato, si deve conservare solo il pezzo che ho evidenziato in grassetto e buttare via il resto

5. Mettere davanti ad http la stringa [ googlemaps (senza mettere lo spazio tra [ e googlemap e mettendo dopo googlemaps uno spazio)

6. Aggiungere in fondo &w=400&h=500]

Il risultato nell’editor dovrebbe essere questo:

7. Salvare. Il risultato nel blog dovrebbe essere questo:

4 pensieri su “Integrazione di mappe “vive” di Google in WordPress.com

  1. Ciao,
    sto provando a far funzionare la tua soluzione, ma non riesco, in pratica visualizzo l’intera scritta, ma non è per caso che hai installato qualche plugin, che renderizza correttamente il link della mappa copiata? Ciao!

    Mi piace

    1. Carlo, non uso alcun plugin, anche perché sono ospite di WordPress.com che non consente installazioni. Scrivi un post e incollaci dentro il link che ti dà Google Maps, che provo a vedere dove sta il problema.

      Mi piace

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...