Carte de France Flash
Cette carte de France est disponible en téléchargement gratuit (ce qui ne signifie pas qu'elle soit open-source), elle est développée en Actionscript 3, et est affichable avec le lecteur Flash à partir de la version 9.
La 2e version de la carte de France est maintenant disponible, vous pouvez la télécharger sur ce site, nous vous invitons à ne plus utiliser cette version.
Aperçu
Technique
- Développé en Actionscript 3
- Système de gestion de contenu et de liens en XML (eXtensible Markup Language),
- Intégration facile dans la page web (pour en savoir plus : lisez l'article d'intégration d'animation Flash dans une page web)
En développement (à venir) :
- Accessibilité de la carte de France aux lecteurs vocaux,
- Paramétrage de la couleur d'arrière plan,
- Sélection du fichier XML,
- Départements et territoires d'outre mer,
- Documentation.
Aucune date de sortie n'est cependant prévue.
Points forts
- carte de France vectorielle, (donc redimensionnable sans perte),
- couleurs paramétrables : s'intègre dans la charte graphique de votre site, les couleurs peuvent être paramétrées dans le fichier XML,
- téléchargement gratuit,
- affichage des régions préalable ou non (paramétrable),
Téléchargement du fichier SWF
A noter qu'aucun support n'est effectué, vous utilisez cette ressource à vos risques et périls. Un lien vers cette ressource n'est pas obligatoire (bien qu'apprécié fortement). Le menu contextuel du flash affiche un lien vers la ressource, vous n'avez en aucun cas le droit de le retirer ou de le masquer. Si vous souhaitez tout de même le retirer, vous pouvez nous contacter.
Cette archive contient :
- Un fichier SWF,
- un fichier XML,
- Un fichier HTML.
Les suggestions d'amélioration, et un support (relatif) est assuré sur ce billet.
Commentaires 
Ajouter un commentaire
Flux RSS
Contactez moi : uni@free.fr
Mon adresse mail : rad1annonce@laposte.net
Plus précisément : je souhaite développer un plugin Wordpress utilisant votre carte flash, puis-je l'exploiter, le diffuser voir le revendre et sous quelles conditions ?
j'ai réduit la taille de la carte mais le texte est illisible. comment augmenter la taille du texte et des bulles???
merci
Merci pour l'intervention et ... pas de savoyard séparatiste chez nous :-)
Cordialement
Patrice
Pierre, pourquoi les sources ne sont pas à disposition ?
Elles ne sont pas réellement matures (c'est moins vrai avec cette version), et je n'ai pas de temps à consacrer à la gestion d'une communauté de dev open-source sur un projet de ce type (à qui je donne l'accès svn ? je dois faire confiance au premier qui me demande quand je vois comme il est dur de trouver un dev correct ?).
Faire une carte comme ça prends au plus une journée à un dev compte tenu des sources AI que l'on trouve sur le net, cela s'adresse plus aux néophytes. Ce n'est pas une question de volonté de partager (encore que l'ingratitude doit jouer un peu). J'ai cependant un autre projet open-source de beaucoup plus grande ampleur pour lequel je consacrerai du temps à une communauté car cela en vaut la peine, là bof, reconnaissons le ;-)
En effet votre carte est très bien et très pratique.
Par contre les évolutions attendues seraient vraiment intéressantes.
Si vous n'avez le temps de les développer, pourquoi ne pas mettre les sources à disposition ? Certains d'entre nous se feraient un plaisir de vous aider et de faire avancer cette carte.
Merci d'avance.
Pierre
Pour le moment, cette carte de France est en standby en attendant la fin du développement d'autres applications. Je suis incapable de donner une date sur d'éventuelles amélioration pour la simple raison que je ne peux évaluer quand nous aurons du temps libre à y consacrer. Certaines améliorations sont dans les tuyaux, tout n'est pas stable pour le moment. Je ne peux vous en dire davantage malheureusement, ce projet ne saurait prendre le pas sur le temps que nous accordons aux projets de production.
Votre carte est effectivement idéale, simple et élégante.
Je voulais savoir où en étaient les modifications annoncées plus bas car l'activation des départements à l'unité m'intéresse (je dois enlever la corse et annoncer des zones d'ouverture).
De plus, est-il possible de marquer plus fort les contours des régions et effectivement d'agrandir le texte du tooltip quand on diminue la carte dans la page c'est vrais que ça fait un peu petit).
Merci grandement de votre contribution.
Cordialement
Julie
Je souhaite intégrer votre carte sur un fond autre que blanc sans voir apparaitre le fond blanc de l'anim. Est-ce possible ?
Flex ou Flash simple, il n'y a pas grande différence, je dirais que votre problème vient du fait que le fichier XML n'est pas chargé car l'animation doit l'être.
Comme dit dans mon message précédent, je travaille sur une application flex (en résumé : du flash pour le web).
J'utilise un SWFLoader afin de charger votre animation flash, mais rien ne se charge.
Pourtant, avec plusieurs autres animation flash, il n'y a aucun problème. Si vous avez quelques connaissances flex, j'attends impatiemment vos réponses.
Merci beaucoup :)
Marche trop bien, paramétrable sur les points nécessaires, design simple mais très joli et intégrable partout !
du coup la carte ne s'affiche pas. Pouvez vous me donner vos tuyaux pour résoudre mon problème ?
Merci
Peti problème il me semble, vous avez créé une région qui n'existe pas : la région "Alpes", en réalité incluse dans la région "Rhône-Alpes"...
Cordialement
Albert E.
Merci pour ton aide, j'ai trouvé une solution :)
Je la poste donc au cas où quelqu'un ait le même souci.
En fait, puisque le swf récupère l'adresse courante et va par conséquent chercher dans un dossier qui n'existe pas (et que je ne peux pas créer sinon conflit avec les règles de réécriture), je redirige directement le fichier datas.xml via une rewrite rule :
RewriteRule ^nom-rewriting-page/datas\.xml$ /mon-dossier/datas.xml [L]
Un peu rigide comme fonctionnement mais ça marche.
Merci encore pour cette carte et ton support.
Violente la dernière règle, vous devriez ajouter avant quelque chose du genre :
RewriteRule \.(xml|swf|css)$ - [L]
Pour toutes les extensions qui ne concernent pas vos pages elles-mêmes (xml et peut être swf dans le cas de cette carte)
alors le swf cherche dans le dossier "www.domaine.com/map/datas.xml" sauf que "/map/" n'est pas un dossier. Il y a donc un conflit et je ne vois pas d'issue sachant que je ne peux pas nommer un dossier du même nom que l'url d'une page.
bref, je ne vois pas trop comment faire et je ne pense qu'une solution soit possible mais je ne suis pas expert en rewrite rules, peut être avez vous éventuellement une solution à proposer ?
Merci beaucoup pour ta réponse ! J'ai testé la rewrite rule mais ça ne change rien et elle entre en conflit avec les rewrite rules de WP. Les voici pour info :
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
Il y a bien un objet flash qui s'affiche dans la page mais reste blanc. Je suppose donc que le XML avec les données ne se charge pas car non trouvé. Auriez-vous une autre solution pour que le swf trouve le xml ?
RewriteRule ^dossier/(.*) - [L]
Et placer la carte et le XML dans votre répertoire dossier, vous n'aurez ainsi plus de problème (Placez cette règle de réécriture en tête de vos règles)
Merci pour cette carte en flash très réussie. C'est pas si évident de trouver une carte vecto.
J'ai cependant des problèmes à l'intégration. Je souhaite l'intégrer sur un site Wordpress dont les urls sont réécrites à l'aide d'une règle dans le htaccess. Bizarrement lorsque la réécriture des URL est activée, impossible de charger la carte. Alors que lorsque les URL sont au format classique ?p=2, aucun problème.
Peut être une correction à apporter ?
Merci pour une éventuelle réponse sinon j'essaierai de trouver un moyen de faire fonctionner la carte.
N'étant pas vendu, vous comprendrez qu'il ne s'agisse pas d'un projet prioritaire :)
je viens de tomber sur votre après l'achat d'une carte Cmap de comersis, vous pouvez voir le résultat de l'installation sur mon site www.pizzatoy.com . J'ai fait l'essais de votre carte, rien à dire : simple d'utilisation et élégante !
Est-il possible depuis le fichier XML de rentre indépendant la couleur des départements ?
Je vous demande ça car j'avais justement opté pour la Cmap pour cela. Dans mon cas cela m'a permis de mettre "en relief" les départements où il y avait le plus de pizzeria et en plus de noter dans la bulle d'info le nombre de pizzaïolos (le tout relier à une base de donnée biensûr).
J'ai ficellé l'ensemble avec un moteur de recherche par qui donne les villes les plus proches de l'internaute avec un autocompleteur : on est en plein dans un concept de géomarketing !
Voilà pourquoi je voulais connaître les possibilités d'évolution du fichier xml...
@ +
quelqu'un pourrait-il me dire comment agrandir le texte qui s'affiche ? Je voudrais réduire la carte (max largeur 250px), mais à cette échelle le texte se lit très difficilement... Est-il possible d'arranger ça ?
Merci d'avance !
patriceb@wanadoo.fr
Tres beau script, tres facile à utiliser, bravo.
Serait-il possible d'envisager un affichage optionnel du numéro de département dans le département même (sur la carte et non le tooltips) ?
Car il faut déja connaitre tout les départements pour savoir ou chercher (enfin, il me semble, pour le commun des mortels)
bonne continuation
Bien sympathique cette petite carte :). Cependant, dommage que la Guadeloupe, Réunion et Martinique ne soit pas inclus dans celle ci..
Pensez vous les ajouter ou pas ?
Cordialement
et bravo pour votre travail, vraiment très intéressant !!
Par contre, je souhaiterais rendre cliquable les régions (pour qu'elles ouvrent une page html, et non les départements). Cela est-il possible ? Cela existe t-il dans une autre version, même payante ?
Si c'est le cas, je n'ai pas vu le lien...
Encore bravo !
Serait il possible d'activer des départements par défaut.
Exemple dans le xml mettre une variable dans le tag "dep" qui passerais le dep en une autre couleur.
C'est pour pouvoir s'inscrire sur un dep et en recliquant se de-inscrire.
Merci et encore barvo.
chaine qui serait concaténée avec la chaine de l'attribut href de chaque departement
cet attribut contiendrait l'adresse de base du script
l'attribut href serait ajouté à cet attribut ( si présent
pour garder le compatibilité )
encore merci
en tout cas merci pour le boulot
excellent travail
y a t il moyen d'avoir un paramètre a passer pour ne changer la couleur d un département qui ne serait pas utilisé ainsi que de rendre le lien inactif.
merci
Merci et encore bravo pour cette superbe carte
Je ne sais pas si c'est à cause du fichier htaccess, mais c'est la seule façon d'afficher correctement la carte chez moi, même si le .swf n'est pas à la racine, le .xml doit y être...
Ca me pose un problème, car je ne peux utiliser qu'une carte sur le site. Je voulais ouvrir le .swf avec Flash pour en faire une copie (france2.swf liée à data2.swf) mais Flash ne veut ouvrir le fichier...
Donc je ne sais pas comment faire pour afficher plusieurs cartes.
Par contre, j'ai rencontré un autre problème, et j'ai pensé mettre la solution ici pour aider d'autres personnes...
Les liens du fichiers xml ne fonctionnaient pas, ils me balancaient toujours sur la page d'accueil...
J'ai ouvert le fichier httpd.conf sur mon serveur et effacé une ligne comportant "xml" et "redirect-carefully", et les liens ont fonctionné.
Si vous avez une solution pour mon problème (htaccess ou plusieurs swf et xml) je suis preneur...
Cordialement
Shapes
Pour votre souci, la prochaine version de la carte permettra de sélectionner un fichier xml en indiquant une url (absolue ou relative), en passant un paramètre en Flashvars. Cette version devrait sortir rapidement. Elle aura également d'autres fonctionnalités.
Je ne connais pas Joomla! plus que ça, peut-être que les règles du .htaccess sur Joomla! empêchait le SWF d'accéder au fichier XML, (la carte n'apparaît qu'après chargement du XML). Ceci expliquerait en tout cas le comportement de l'animation.
Bonne continuation :)
Tout d'abord, merci pour la réponse rapide...
J'ai essayé :
"Pour supprimer le problème définitivement de votre serveur, ajouter ceci à votre configuration d'apache :
<Files *.swf>
Header set Content-Disposition inline
</Files>"
en ajoutant ces lignes de code dans le fichier httpd.conf.
Sans succès, ça n'a pas fonctionné.
Mais je suis têtu, et la carte me plaisait vraiment donc j'ai fouillé et trouvé une autre solution, donc je la poste ici.
Le CMS que j'utilise est Joomla!.
J'ai réglé le problème en mettant les fichiers de la carte en racine du système, au lieu du dossier images, et maintenant, ça fonctionne...
Pourquoi, je ne sais pas, mais ça marche.
J'espère pouvoir aider d'autres personnes par ce post.
Cordialement.
Shapes
C'est du au fait que votre serveur envoi "Content-Disposition: attachment" sur ce fichier, cela signifie qu'il ne fait pas partie intégrante des pages, mais qu'il doit être géré comme un fichier (tel qu'un zip...). Je vous renvoie à l'article suivant :
http://...tml#head32
Pour supprimer le problème définitivement de votre serveur, ajouter ceci à votre configuration d'apache :
<Files *.swf>
Header set Content-Disposition inline
</Files>
Si votre CMS gère les en-tête des fichiers spécifiquement (c'est le cas pour eZPublish), il vous faudra modifier les sources de celui-ci pour renvoyer une en-tête correcte.
Le fichier .swf est-il protégé ?
Lorsque j'essaye de l'intégrer directement dans un site en CMS, il n'apparait pas... (alors que je n'ai aucun problème avec mes autres animations flash).
Pourtant, si je tape directement l'adresse du fichier sur mon serveur (http://...rance.swf), il apparait bien pleine page.
Si j'essaye de l'intégrer avec un "wrapper" appelant la page france.html, il apparait bien dans mon site CMS.
Pourriez-vous me dire d'où vient le problème ?
Merci d'avance,
cordialement
Shapes
Après pas mal de recherche, je viens de découvrir votre travail vraiment sympa. Par contre je souhaiterai savoir comment faire pour lier une page web à chaque département.
Merci par avance
cdt
aurélien
pour les personnes qui ne sont pas à l'aise avec l'anglais
voici la signification des paramètres
<enableRegions><![CDATA[false]]></enableRegions>
active le pop-up region
valeur: true ou false
<enableZoomParis><![CDATA[true]]></enableZoomParis>
active le pop sur la région parisienne. (recommandée à true sinon paris est difficile à cliquer)
valeur: true ou false
<colorLink><![CDATA[50ADFF]]></colorLink>
couleur du fond de carte (lien)
valeur: couleur hexadécimal (sans le #)
<colorHover><![CDATA[FFCC00]]></colorHover>
couleur du fond de carte au passage de la souris (lien rollover)
valeur: couleur hexadécimal (sans le #)
<alphaLink><![CDATA[0.8]]></alphaLink>
valeur de la transparence du fond de carte
valeur: valeur entre 0 et 1
<alphaHover><![CDATA[1]]></alphaHover>
valeur de la transparence du fond de carte au passage de la souris
valeur: valeur entre 0 et 1
<enableToolTip><![CDATA[true]]></enableToolTip>
affichage de l'info bulle avec le nom de département
valeur: true ou false
Vous pouvez éventuellement désactiver le menu contextuel lors de l'intégration dans si vous le trouvez si gênant :
<param name="menu" value="false" />
dans la balise object et vous ne l'aurez plus.
Cordialement,
Votre carte est superbe ! C'est exactement ce que je recherche depuis plusieurs jours.
Dommage que vous ne mettiez pas les sources à disposition.
Comment puis je faire pour obtenir une version sans le lien vers Ligams ? C'est pour l'intégrer dans un site.
Merci
Cordialement
Pour ce qui est de l'ouverture des liens, je plaide coupable :) je compile aujourd'hui une version de la carte ouvrant les liens dans la même fenêtre.
Les alpha dans le fichier XML correspondent au degré d'alpha des départements en normal et au survol. Le paramètre enableTooltip sert à activer/désactiver les bulles d'aide.
J'avoue ne pas avoir testé cette animation à outre mesure, mais je suis à l'écoute de toutes les remarques pour effectuer des corrections.
Sachez néanmoins qu'une nouvelle version est imminente, intégrant la possibilité de personnaliser les régions, et les couleurs de chaque département.
J'ai intégré la carte. Se redimentionne sans pb.
mais ua niveau des liens pointes dans le fichier xml,
à chaque fois ca ouvre une nouvelle fenetre, alors que je voudrais
que le lien appelé remplace la page de la carte.
Vous connaissez un moyen pour éviter l'ouverture
d'une nouvelle fenetre?
Que signifient les paramétres:
<alphaLink><![CDATA[0.8]]></alphaLink>
<alphaHover><![CDATA[1]]></alphaHover>
<enableToolTip><![CDATA[true]]></enableToolTip>
merci de votre réponse.
Cordialement
Cordialement,
Sera t-il possible dans les prochaines versions de déterminer soit-même les régions ? (ne pas être obligé d'utiliser les régions administratives ?) : par exemple, les régions de certaines administrations ne correspondent pas.
Merci pour ce script.