Cartina italiana in Flex 3

[Flep]

L' enorme successo della mappa italiana in Flash CS3 prosegue e le richieste sono tante.

Detto questo, FlepStudio ha creato una nuova mappa sviluppata in Flex e supportata da PHP ed un database mySQL.

Questa mappa contiene il file SQL che crea la tabella necessaria nel vostro database.

Potete gestirla semplicemente con phpMyAdmin inserendo i dati che preferite nella tabella " regioni ".

Cos' ha di diverso dalla versione creata in Flash ?

E' appoggiata ad un database, ha uno stile più " elegante / moderno " e nuove grafiche.

guarda la demo

File SQL:

-- phpMyAdmin SQL Dump
-- version 2.8.2.4
-- http://www.phpmyadmin.net
-- 
-- Host: localhost:3306
-- Generation Time: May 13, 2008 at 11:52 AM
-- Server version: 5.0.45
-- PHP Version: 5.2.3
-- 
-- Database: `flep_mix`
-- 

-- --------------------------------------------------------

-- 
-- Table structure for table `regioni`
-- 

CREATE TABLE `regioni` (
  `ID` int(11) NOT NULL auto_increment,
  `nome` text NOT NULL,
  `capoluogo` text NOT NULL,
  `province` text NOT NULL,
  `abitanti` text NOT NULL,
  `curiosita` longtext character set utf8 collate utf8_unicode_ci NOT NULL,
  `immagine` text NOT NULL,
  `link` text NOT NULL,
  PRIMARY KEY  (`ID`)
) ENGINE=MyISAM AUTO_INCREMENT=21 DEFAULT CHARSET=latin1 AUTO_INCREMENT=21 ;

-- 
-- Dumping data for table `regioni`
-- 

INSERT INTO `regioni` (`ID`, `nome`, `capoluogo`, `province`, `abitanti`, `curiosita`, `immagine`, `link`) VALUES (1, 'Valle Aosta', 'Aosta', 'Aosta', '109.150', 'Il clima è tipico della "regione alpina" con escursioni molto forti, che oscillano in media annua tra i 20° e i 22°C, e precipitazioni essenzialmente estive. Nel territorio, ove è caratteristica la flora di alta montagna (pini, larici, abeti, ecc.), sono giacimenti di magnetite (valle di Cogne) e di antracite (valle de la Thuile), che consentono lo sviluppo di alcune importanti attività industriali (impianti elettrosiderurgici, acciaierie, ecc.); notevole anche l''industria idroelettrica, alimentata dall''abbondanza di torrenti che nascono dai ghiacciai. ', 'http://flex.flepstudio.org/utilita/mappa/images/aosta.jpg', 'http://www.flepstudio.org/'),
(2, 'Piemonte', 'Torino', 'Alessandria,Cuneo,Verbano-Cusio-Ossola,Asti,Novara,Vercelli,Biella', '4.432.313', 'Il clima del Piemonte, anche se non lo si può considerare decisamente continentale, presenta le caratteristiche proprie delle zone che non risentono dell''influenza mitigatrice del mare. Forti sono le escursioni tra le massime temperature estive e le minime invernali: i valori più elevati si riscontrano nelle zone centrali (23,7- 4°C come media dei massimi estivi, e 0-8°C, come media dei minimi invernali). Accentuata la nebulosità, durante l''inverno, nelle zone pianeggianti; le piogge sono scarse perché raggiungono i 700 mm annui in pianura, ma aumentano in montagna. Esse sono frequenti in primavera e in autunno; abbondanti ovunque le nevicate durante l''inverno. ', 'http://flex.flepstudio.org/utilita/mappa/images/piemonte.jpg', 'http://www.flepstudio.org/'),
(3, 'Lombardia', 'Milano', 'Varese,Como,Bergamo,Brescia,Sondrio,Lecco,Cremona,Mantova,Lodi,Monza,Pavia', '9.630.905', 'Il clima della Lombardia è di tipo continentale, con medie invernali di 2,9°C ed estive di 23,2°C, e una escursione annua di 20°C. Nella zona dei laghi la temperatura è mite sia d''inverno che d''estate. Sui terreni irrigati le nebbie sono fitte e frequenti. Le piogge aumentano dalla pianura (600 + 750 mm), ai monti (2000 mm), raggiungendo due massimi, uno in primavera e l''altro in autunno. ', 'http://flex.flepstudio.org/utilita/mappa/images/lombardia.jpg', 'http://www.flepstudio.org/'),
(4, 'Trentino Alto Adige', 'Trento', 'Bolzano,Merano,Rovereto,Bressanone', '841.886', 'Capoluogo della regione è Trento, ma il Consiglio regionale svolge la sua attività in sessioni biennali alternativamente a Trento e a Bolzano. La lingua ufficiale è l''italiano ma sono previste particolari disposizioni per la tutela delle minoranze; è infatti ammesso l''uso della lingua tedesca nella vita pubblica e sono istituite scuole primarie e secondarie di lingua tedesca. ', 'http://flex.flepstudio.org/utilita/mappa/images/trentino.jpg', 'http://www.flepstudio.org/'),
(5, 'Friuli Venezia Giulia', 'Trieste', 'Gorizia,Pordenone,Udine', '1.213.532', 'Maggior fiume della regione è il Tagliamento, notevoli anche il Meduna, il Fella e il Natisone. Mancano completamente risorse naturali nel sottosuolo; le sole risorse naturali sono date dalle foreste della zona montana. Qui viene praticato anche l''allevamento, ma la povertà del terreno agricolo provoca una forte emigrazione. Nella zona collinare e pianeggiante la economia è basata sull'' agricoltura: il prodotto principale è il mais, seguito da patate, barbabietole da zucchero, grano. Diffusi i vigneti e le colture ortofrutticole e del tabacco. Intensa l''opera di bonifica delle zone lagunari. In declino la gelsicoltura, mentre sempre attiva è la pesca nelle lagune, dove vengono stagionalmente immessi gli avannotti (vallicoltura).', 'http://flex.flepstudio.org/utilita/mappa/images/friuli.jpg', 'http://www.flepstudio.org/'),
(6, 'Veneto', 'Venezia', 'Belluno,Treviso,Vicenza,Padova,Rovigo,Verona', '4.123.411', 'La zona alpina è formata dalle Dolomiti con al centro la Marmolada (m 3342); quella prealpina da alcuni altipiani, tra cui quello di Lessini, che hanno la vetta più elevata nella Cima Carega (m 2263) e che sono percorsi da valli popolose e ben coltivate, e quello di Asiago con Cima Dodici (m 2341); fanno parte di questa zona prealpina anche il massiccio del Grappa (m 1774) e le Prealpi Bellunesi. Tra questi rilievi prealpini e la zona pianeggiante si allineano i colli vulcanici dei Berici ed Euganei e quelli morenici del Garda. \r\n\r\n', 'http://flex.flepstudio.org/utilita/mappa/images/veneto.jpg', 'http://www.flepstudio.org/'),
(7, 'Liguria', 'Genova', 'Imperia,La Spezia,Savona', '1.853.578', 'La costa è in genere alta e rocciosa, tranne che in corrispondenza di limitate piane alluvionali di torrenti (Centa, Entella); spiccano i promontori di Portofino e di Lerici. La vicinanza del mare e il riparo dai venti settentr. concorrono a dare alla Liguria un clima particolarmente mite: C. 25°C in estate, a Genova, 9°C a Sanremo in inverno. Le precipitazioni (con massimi in autunno e primavera) aumentano da 800 a 1300 mm andando verso E. Salendo di quota le temperature diminuiscono, mentre le precipitazioni aumentano fino a C. 2000 mm, per poi ridiminuire nel versante padano. ', 'http://flex.flepstudio.org/utilita/mappa/images/liguria.jpg', 'http://www.flepstudio.org/'),
(8, 'Emilia Romagna', 'Bologna', 'Modena,Ravenna,Ferrara,Parma,Reggio Emilia,Forlì-Cesena,Piacenza,Rimini', '3.846.755', 'La via Emilia (costruita dal console romano Marco Emilio Lepido, nel 187 A. C.), da cui ha preso il nome, costituisce l''asse di coordinamento dei suoi raggruppamenti umani. La regione è il risultato di una integrazione geografica per la configurazione morfologica, il clima, la vegetazione, i caratteri etnografici, sociali, culturali della popolazione.', 'http://flex.flepstudio.org/utilita/mappa/images/romagna.jpg', 'http://www.flepstudio.org/'),
(9, 'Toscana', 'Firenze', 'Arezzo,Livorno,Pisa,Siena,Lucca,Pistoia,Grosseto,Massa Carrara,Prato', '3.473.097', 'Il clima è condizionato dalla vicinanza del mare sempre restando di tipo mediterraneo, con temperature medie di 15-18°C; le precipitazioni sono di 600 700 mm presso le coste, e possono raggiungere i 200 mm sui rilievi. Le conche poste tra i vari rilievi e presso la costa, hanno ospitato laghi in epoca geologicamente recente; oggi restano solo laghi di piccola entità (Chiusi, Massaciuccoli, ecc.). ', 'http://flex.flepstudio.org/utilita/mappa/images/toscana.jpg', 'http://www.flepstudio.org/'),
(10, 'Marche', 'Ancona', 'Pesaro-Urbino,Ascoli Piceno,Macerata', '1.359.907', 'I fiumi hanno andamento quasi parallelo dall'' Appennino al mare con uguale regime idrografico a carattere torrentizio. Essi attraversano l''Appennino in profonde e pittoresche gole (gola del Furlo). Tra i maggiori fiumi si segnalano: Metauro, Esino, Potenza, Chienti, Tronto. Abbondanti sono le acque termali e minerali, in prevalenza solfuree, distribuite un po'' ovunque. ', 'http://flex.flepstudio.org/utilita/mappa/images/marche.jpg', 'http://www.flepstudio.org/'),
(11, 'Umbria', 'Perugia', 'Terni', '775.783', 'Dal lato morfologico l''Umbria è una regione interna di colline e medie montagne; soltanto l''estremo lato sudorientale (zona di Norcia) presenta i caratteri dell'' alta montagna. La quota più elevata è quella del monte Vettore (m 2478). Caratteristici sono i bacini intermontani già occupati da laghi nel Pliogene e nel Pleistocene e poi in parte colinati da alluvioni. Il più ampio di questi bacini è quello della Valle Umbra (tra Foligno e Spoleto); altri sono quelli della Valle Tiberina, di Gubbio, di Terni, di Norcia, di Gualdo Tadino, di Cascia, tutti a fondo pianeggiante.', 'http://flex.flepstudio.org/utilita/mappa/images/umbria.jpg', 'http://www.flepstudio.org/'),
(12, 'Lazio', 'Roma', 'Frosinone,Latina,Viterbo,Rieti', '4.689.482', 'Maggiore elemento dell''idrografia laziale è il Tevere, che ne fa parte però solo con il corso inferiore, a partire dalla confluenza con la Nera; tra gli affluenti è interamente laziale l''Aniene, che confluisce presso Roma. Il Velino nasce in territorio laziale, ma entra in Umbria poco prima di confluire nella Nera; inoltre parte del suo bacino (alti corsi dei fiumi Salto e Turano) si trova in territorio abruzzese. Nella parte meridionale è interamente laziale il bacino del fiume Sacco, mentre lo è solo parzialmente quello del Liri. ', 'http://flex.flepstudio.org/utilita/mappa/images/lazio.jpg', 'http://www.flepstudio.org/'),
(13, 'Campania', 'Napoli', 'Avellino,Benevento,Salerno,Caserta', '5.059.348', 'Le pianure più importanti sono a Nord quella del fiume Garigliano e quella del fiume Volturno; quest''ultima confina a Sud con il solco del fiume Sarno e costituisce la Pianura Campana propriamente detta, fertile e intensamente popolata. Ricordiamo, inoltre, la pianura del fiume Sele a Sud, formante la piana di Pesto e la pianura di Salerno. A E dei massicci dell''Alburno e del Cervati si distende il Vallo di Diano. ', 'http://flex.flepstudio.org/utilita/mappa/images/campania.jpg', 'http://www.flepstudio.org/'),
(14, 'Molise', 'Campobasso', 'Isernia', '319.807', 'Amministrativamente è divisa in 136 comuni. Comprende gruppi montagnosi relativamente alti quali Capraro (m 1721), Curvale (m 1260), la Montagnola nell''altopiano di Frosolone (m 1428), costituiti prevalentemente di calcare nelle zone più elevate; in quelle più basse, dove il Trigno, il Biferno e il Fortore hanno scavato profonde valli di erosione, abbondano arenarie, marne e argilla. Frequenti le frane, non rari i terremoti. ', 'http://flex.flepstudio.org/utilita/mappa/images/molise.jpg', 'http://www.flepstudio.org/'),
(15, 'Abruzzo', 'Aquila', 'Chieti,Pescara,Teramo', '1.163.334', 'L''Abruzzo orientale; esterno, ha struttura collinare, con forme dolci e poco acclivi, derivanti dalla costituzione litologica dei terreni (argillosi o arenacei), spesso preda dell'' erosione accelerata a causa dei calanchi, come, per esempio, le «bolge» di Atri; questa subregione va degradando dolcemente verso l''Adriatico, dove sfociano i corsi di acqua che l''incidono profondamente. ', 'http://flex.flepstudio.org/utilita/mappa/images/abruzzo.jpg', 'http://www.flepstudio.org/'),
(16, 'Puglia', 'Bari', 'Lecce,Brindisi,Taranto,Foggia', '3.582.787', 'Formano un piano inclinato verso l''Adriatico le Murge, calcaree e carsificate, culminanti con la Torre Disperata a 686 m di alteza L''estremità meridionale della Puglia è costituita dalla Penisola Salentina, dalla morfologia generale molto dolce, dove i maggiori rilievi superano di poco i 200 m; la Puglia si può dividere in tre sub-regioni procedendo da Nord a Sud: le Murge Tarantine, il Tavoliere di Lecce e le Murge Salentine. La cima più elevata della è il monte Cornacchia (m 1151) nell'' Appennino di Capitanata. ', 'http://flex.flepstudio.org/utilita/mappa/images/puglia.jpg', 'http://www.flepstudio.org/'),
(17, 'Calabria', 'Reggio Calabria', 'Catanzaro,Cosenza,Vibo Valentia,Crotone', '1.988.051', 'Il clima è di tipo mediterraneo; ma, data la configurazione della regione, varia molto con il rilievo; la temperatura è mite, con escursioni non eccessive, che tendono a diminuire procedendo verso S: 14°C a Tropea, 19°C a Cosenza, che diventano 30°C sulla Sila e sull'' Aspromonte; la piovosità media annua è di 900 mm a Crotone e a Reggio Calabria , molto concentrata nel semestre invernale; sui rilievi aumenta molto, e giunge ai 1800 mm sul Pollino e sulla Sila, ai 1400 mm sull''Aspromonte, più equamente distribuita durante l''anno, e in forma nevosa in inverno; i venti prevalenti sono quelli occidentali. ', 'http://flex.flepstudio.org/utilita/mappa/images/calabria.jpg', 'http://www.flepstudio.org'),
(18, 'Basilicata', 'Potenza', 'Matera', '609.190', 'Il clima presenta notevoli differenze per la complessità del rilievo e delle sue direzioni: il versante del Tirreno e le conche risentono l''influenza dei venti occidentali, che rendono più miti e piovose le stagioni. Il versante dello Ionio ha forti escursioni annue, con estati molto calde e lunghi mesi d''aridità, e piogge in prevalenza invernali; in autunno le piogge torrenziali si riversano specialmente sui monti. ', 'http://flex.flepstudio.org/utilita/mappa/images/basilicata.jpg', 'http://www.flepstudio.org/'),
(19, 'Sicilia', 'Palermo', 'Agrigento,Enna,Ragusa,Caltanissetta,Messina,Siracusa,Catania,Trapani', '4.680.715 ', 'Il litorale bagnato dal Mare Tirreno è in prevalenza alto e uniforme, specialmente nella sezione orientale, dove si apre il golfo di Patti. La costa orientale, bagnata dal Mare Ionio, è anch''essa prevalentemente alta e uniforme, ma dà ricetto ai golfi di Catania e di Augusta. La costa occidentale, bagnata dal Canale di Sicìlia si presenta più tozza delle altre e a volte paludosa. ', 'http://flex.flepstudio.org/utilita/mappa/images/sicilia.jpg', 'http://www.flepstudio.org/'),
(20, 'Sardegna', 'Cagliari', 'Olbia-Tempio,Sassari,Carbonia-Iglesias,Oristano,Ogliastra,Nuoro,Medio Campidano', '1.473.800', 'Le coste sviluppano quasi 1400 km; sono articolate e non mancano di buoni porti. Tuttavia la popolazione sarda, da ormai lunghissimo tempo, ha vissuto in forte isolamento, evitando i litorali. Solo in data recente è cominciato un flusso verso il mare, incrementato soprattutto dallo sviluppo dell''industria turistica. ', 'http://flex.flepstudio.org/utilita/mappa/images/sardegna.jpg', 'http://www.flepstudio.org/');

Flash e Flex sorgenti della mappa:

[italobalbo]

Salve
centra parzialmente con l'oggetto proposto la mia domanda.... vorrei sapere come è possibile una volta schiacciato il bottone "guarda immagine" realizzare l'apertura di una finestra con immagine con lo sfuocamento degli elementi nello sfondo.
Volevo sapere come è stato realizzzato questo effetto perchè mi sarebbe di grande utilità per un'aggiustamento del mio sito...

Grazie

[Flep]

Ciao

Se vuoi farlo con Flex, basta che usi il PopUpManager e fa tutto lui.

Se invece ti riferisci a Flash, allora dovresti tenere il contenuto principale ( quello che vuoi sfocare ) tutto dentro ad una MovieClip contenitore.

Al click di un bottone, applichi un blur filter alla MovieClip contenitore.
Crei una nuova MovieClip con uno sfondo con dimensioni dello stage e con trasparenza di circa 0.4 , a questo punto hai lo sfondo sfocato ed una MovieClip sopra che ti funge da pellicola disattivando tutte le MovieClip al di sotto di lei ( quindi se avessi dei bottoni attivi nel contenitore in questo momento sarebbero disattivi ).

[italobalbo]

Ti ringrazio! provo a farlo e se nn riuscissi nell'impresa... aggiorno il post.

Ciao e grazie ; )

[italobalbo]

sto provando con flex... nn lo conosco molto a dire la verità... sapresti dirmi dove trovare il " PopUpManager" ?

[Flep]

In che senso dove trovarlo ?
E' una classe " built-in " di Flex.
Guarda come ho fatto io nei files della mappa.
Devi creare un nuovo file MXML che gestisce il PopUpManager.

[italobalbo]

Allora.. intanto sto provando con flex riaprendo il tuo lavoro.
Diciamo che la mia intenzione era di rifare la pagina http://bassida.altervista.org/gallery1.htm con quest'altro metodo, così da evitare alcuni problemi di incompatibilità che si sn verificati...

[geepers]

Scusate forse sono io che non lo trovo, non riesco a trovare un file di spiegazione per l'installazione della mappa.

Mi potete aiutare cortesemente.

Grazie Mille

[socrate]

Ho visto la Vs. fantastica cartina.

Una domanda posso sostituire la fonte dati da php ad un webservice realizzato in net?

Grazie

Socrate

[Flep]

Ciao socrate e benvenuto,
credo di sì, realizzato in NET significa che gira con ASP ?