PHPBBIntegrare PHPBB PHPFunzioni PHP CFunzioni C EcologiaLa mia ecologia   Chi siamoChi è Senamion HomeHome page corner Il Web e l'ecologia

Senamion


Chi siamo:

Il web e l'ecologia, condividere il web e un momento di riflessione sullo stato dell'ecologia e sul suo futuro

Google

Indicatori di load in Google Maps

29 Settembre 2006 by Giovanni | Argomenti: , , , , | 7064

Integrare Google Maps sui propri siti è un’attività semplice e divertente e che da’ un notevole valore aggiunto.
La documentazione di Google Maps per quanto in inglese e chiara e comprensibile e con un notevole numero di esempi.
Un esempio che non viene riportato, per quanto banale sia l’implementazione, è quello di inserire uno sfondo e un’immagine nel div dove verrà presentata la mappa al fine di indicarne il caricamento (che in alcuni casi può essere anche relativamente lento).

Nell’esempio della documentazione di Google Maps viene riportato il div in cui verrà visualizzata la mappa in questo modo:

<div id="map" style="width: 500px; height: 300px"></div>

Per renderlo più amichevole è possibile impostare un colore di sfondo (altrimenti appare trasparente) e centrare, rispetto al div, un’immagine che indichi il caricamento in corso (in questo caso l’immagine images/loading.gif:

<div id="map" style="width: 500px; height: 300px; text-align:center; background:#c0c0c0 url(images/loading.gif) no-repeat center"></div>

Un bell’esempio lo potete vedere sul sito dei Palazzi dei Rolli di Genova, dove è presente una mappa del centro storico di Genova.
Se state cercando qualche bell’indicatore di attività, vi consiglio questi due link:

Pubblicato in Google Maps |

2 Commenti a “Indicatori di load in Google Maps”

  1. » Modificare il colore del testo dei bottoni di Google Maps - Senamion scrive:

    [...] Cercando di modificare lo stile del div associato alle mappe (nell’ottica di ampliare le informazioni scritte nel post sugli indicatori di load in google maps) mi sono accorto che si arriva a toccare anche parti che normalmente vengono considerate intoccabili all’interno delle mappe di google. In realtà anche queste parti rispondo alle direttive del CSS, il problema semmai è capire quali direttive scrivere per modificare anche gli elementi interni alle mappe di Google. La cosa migliore è provare da soli le varie possibilità, io poi mi sono fermato a piccoli risultati (ho cambiato il colore del testo dei bottoni in alto a destra) ma ritengo che ulteriori cose siano possibili. Vi lascio con la parte di CSS che ho usato io, comprensiva dell’immagine di caricamento che dovrete eventualmente inserire sulla cartella images del vostro sito. #map {   font-size: 9pt;   text-align: center;   background: #c0c0c0 url(/images/loading_grande.gif) no-repeat center; }   #map a {   color: black;   background-color: transparent; }   #map a:hover {   color: blue;   background-color: #c0c0c0; }   #map div {   color: blue;   background-color: transparent; } [...]

  2. Augusto Murri scrive:

    Sicuramante questo è molto valido http://www.econym.demon.co.uk/googlemaps/message.htm .. combinato con una libreria json cjhe indica il caricamento dei markers potrebbe essere figo

Scrivi un commento