Ho riscontrato un’anomalia nella visualizzazione delle Google Maps nel tema Twenty Eleven di WordPress. Il problema era stato già segnalato in WP3.2, ma permane in WP3.3.
Cosa succede? A causa di un’istruzione del foglio di stile che impone una larghezza massima alle immagini contenute nei post, nei commenti e nei widget, le tessere (o tiles) delle mappe vengono ridimensionate.
L’effetto è che queste non combaciano più le une alle altre, generando una mappa come quella che si vede in figura.
L’istruzione incriminata è la seguente:
.entry-content img,
.comment-content img,
.widget img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
Per eliminare il problema bisognerà annullare max-width utilizzando un selettore più specifico. Se, ad esempio, la vostra mappa è in una div#canvas, aggiungete nel foglio di stile del vostro child theme (scelta consigliata) la seguente istruzione:
div#canvas .widget img{ max-width:none; }
la mappa tornerà ad essere visualizzata correttamente.
