Web e code script visite 419

Mappa del mondo con ingrandimento in jQuery

1 min

Creare una mappa navigabile per il sito internet è diventata ormai pratica comune, specialmente quando si tratta di siti di attività commerciali. Google Maps in questo settore è il leader, essendo decisamente il più utilizzato da parte dei webdesigner di tutto il mondo.

Capita tuttavia che in alcuni casi abbiamo bisogno di qualcosa di simile ma un po’ differente. Oggi vi presento quindi 2 siti dai quali scaricare gratis una mappa con caratteristiche davvero straordinarie.

Mappa del mondo

  • mappa vettoriale del mondo, con possibilità di ingrandimento
  • mappa del mondo divisa in stati, cliccabili e quindi linkabili

mappa-mondo-vettoriale-jquery

Mappa dei singoli stati

  • mappa vettoriale dei singoli stati (presente l’Italia, ma anche l’Europa)
  • mappa degli stati divisa in regioni, cliccabili e quindi linkabili

mappa-italia-vettoriale-jquery

I due plugin jQuery

Stiamo parlando di JQVMap e jVectorMap che utilizzano JavaScript, CSS, HTML, SVG o VML (e non Flash) in modo da essere compatibili con i browser più recenti (Firefox, Safari, Chrome, Opera e Internet Explorer 9) e con i diversi dispositivi. Si tratta infatti di mappe responsive, adattabili a pc, tablet e smartphone.

Non mancano tutorial ed esempi per personalizzare le mappe a piacimento: colori, marker e stati hover dei pulsanti.

Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo. Condividi l'articolo


Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

webdesign

Web e code script

Come trasformare codice minimizzato in codice nidificato

1 minUn codice minimizzato, si sa, favorisce le prestazioni del sito internet. Capita…

webdesign

Web e code script

Come fare un Redirect 301 di una pagina in automatico

1 minArgomento ostico per i poco pratici del mondo del web, il Redirect…

webdesign

Web e code script

NUOVO PROFILO FACEBOOK | I primi passi

3 min Eccoci qui… anche Roba da Grafici ha provato il nuovo profilo…