Ho bisogno di creare una mappa del mondo interattiva sulla prima pagina di un sito, il portale di visualizzazione sarà di circa 650x200 pixel. L'interattività includerebbe quanto segue, il mouse sopra un paese potrebbe evidenziare (i paesi sono letteralmente riempiti con "rosso" per esempio) quel paese e visualizzare il nome dei paesi (preferibilmente il testo in un div), sarò anche il collegamento l'Evidenziazione Evento con una che evidenzierà un Paese quando selezionato.Mappa mondiale interattiva, evidenziare i paesi con passaggio del mouse
Ho difficoltà a trovare una soluzione adeguata, rifiuto di utilizzare o apprendere una tecnologia proprietaria come il flash, quindi non è un'opzione. Ho creato un semplice mockup utilizzando gli openlayer e un'immagine di mappa personalizzata, ma i marker dei paesi vengono caricati troppo lentamente in IE6.
anche svg sembra troppo grande, come ho cercato di usare RaphaelJS, ma abondoned quando mi sono reso conto dei dati mappa del mondo è 1.2MB, che è totalmente non accettabile per la prima pagina di un sito ..
Sono davvero in perdita su come sto andando a fare questo, la mia ultima risorsa è quella di creare manualmente 250+ (ma molti paesi ci sono) png e applicare gli eventi mouseover agli hotspot nell'immagine ... ma questo probabilmente sarà un anche alla fine. Cercando disperatamente una soluzione, tutti i commenti utili saranno apprezzati!
Sei sicuro? Ricordo di averlo dato un'occhiata e di non esserne convinto, le mappe sono statiche, non credo di poter allegare eventi JS? – BrenGG
C'è un esempio proprio sulla pagina che ho collegato per mostrare una mappa del mondo completamente interattiva. –
hmmm. ok ja mi ricordo di averlo visto una settimana fa, non ricordo perché l'ho lasciato cadere, avrei dovuto dare un'occhiata più profonda al mattino ... grazie ancora – BrenGG