Carte de France Flash v2
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.
Téléchargement
Contient 2 versions de la carte (avec et sans DOM-TOM).
Intégration & support
Par défaut, le SWF fait appel à un fichier data.xml situé dans le même répertoire que le SWF si vous ne précisez rien à l'animation :
<object type="application/x-shockwave-flash" data="france.swf" width="500" height="570">
<param name="movie" value="france.swf" />
<param name="wmode" value="transparent" />
</object>
SI pour vos besoins, il est nécessaire de dynamiser ce fichier avec un langage serveur comme php ou .net, vous avez la possibilité de passer un paramètre flashvar :
<object type="application/x-shockwave-flash" data="france.swf" width="500" height="570">
<param name="movie" value="france.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="xml=datas.php" />
</object>
Notez que si vous indiquez le nom d'un fichier de manière relative, l'url de ce fichier est relative à l'animation, et non à la page sur laquelle se situe l'animation.
Vous pouvez néanmoins indiquer une adresse absolue :
<object type="application/x-shockwave-flash" data="france.swf" width="500" height="570">
<param name="movie" value="france.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="xml=http://www.ligams.com/carte_france/datas.php" />
</object>
A venir
- Possibilité de rafraichir la carte depuis Javascript avec ExternalInterface
- Pre-loader
- ... ?
Par rapport à la version 1
La version 1 reste disponible à son adresse de base.
- Fond transparent
- DOM-TOM
- Choix du fichier XML de datas
- Couleurs différentes selon le département
- Possibilité de désactiver certaines régions
- Personnalisation des régions
Notice
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. Si vous souhaitez tout de même le retirer, vous pouvez nous contacter.
Utilisateurs
Vous souhaitez figurer dans cette liste (ou ne plus y figurer) ? prévenez nous en utilisant le formulaire ainsi qu'en précisant l'URL ou figure la carte, si votre intégration répond à certains critères graphiques parfaitement subjectifs, nous ajouterons votre site à la liste.
Commentaires 
Ajouter un commentaire
Flux RSS
la meilleur que j'ai trouvé sur internet, et pourtant gratuite...
Effectivement la Corrèze est inactive, impossible de cliquer dessus.
étrange que personne ne s'en soit appercu avant.
Une mise à jour est elle prévu?
Cordialement,
ANto
Superbe carte que j'ai intégré avec plaisir sur mon site.
Deux problèmes :
- Guyane absente alors que c'est un DOM Français.
- Dans le Limousin, la Corrèze est inactive lorsqu'on clique dessus ...
Ce serait cool de corriger ce bug :)
Sinon, très bon boulot, MERCI !
Merci pour ce post.
J'ai bien réussi à utiliser la carte en pointant sur le lien cependant je rencontre deux difficulté. Si quelqu'un avait un début de réponse svp.
1 / Si je souhaite modifier la page Index pour ajouter un logo ou un texte. Comment dois-je m'y prendre svp.
2/ Je souhaitais pouvoir intégrer cette map a un module texte de wordpress pour présenter la carte en accueil. J'arrive a faire apparaître correctement la carte, mais elle ne semble plus être lier au fichiers datas.xml.
POur l'integrer au modul j'ai utiliser le plugin : Kimili Flash Embed
Quelqu'un pourrait il m'aider svp?
D'avance merci pour vos conseil.
pourriez vous me donner un exemple de page php alimentant mon fichier xml.
Je cherche en effet a colorer dynamiquement les départements de ma carte, mais je n'arrive pas à y parvenir.
Peut etre je m'y prends mal, mais comme quelqu'un a dit dans les commentaires que ca ne marchait pas (Basco), j'hesite à trop insister.
Si vous avez un exemple qui fonctionne sous la main, merci de m'en faire part.
Merci pour cette carte aussi belle que pratique.
je vais me répondre à moi même car peut être quelqu'un pourrait avoir le même soucis que moi.
Il suffit, dans la ligne relative au departement:
<dep num='22' href='...'>Côtes-d'Armor</dep>
de rajouter le champ: colorLink="09C203"
pour faire:
<dep num='22' colorLink="09C203 href='...'>Côtes-d'Armor</dep>
Je m'excuse de ne pas avoir essayé cette solution avant d'avoir posé ma question.
Merci encore.
Diagnostic
vous parlez de la possibilité de changer la couleur pour chaque département, c'est formidable, seulement je ne trouve pas le paramétrage xml qui convient.
Vous ne fournissez pas d'exemple.
Merci pour votre excellent travail, et d'avoir fourni cet outil des plus intéressants.
Cordialement,
diagnostic.
Merci pour la mise en disposition de cette carte gratuitement!
une petite question, peut on désactiver les clic sur les régions (je veux que ça mène null part) tout en conservant le tooltip.
merci d'avance pour votre réponse.
Je n'arrive pas à changer de page en cliquant sur les départements. J'ai pour l'instant les liens d'origine mais ils ne fonctionnent même pas !
Que faire, svp ?
Cordialement.
Très jolie carte que j'aimerai intégrer dans mon site wordpress
Seulement je ne dois pas comprendre comment on met en place tous ses fichiers
Moi j'ai mis les 4 fichier a la racine du site ensuite, j'ai creer un lien qui pointe sur la carte , jusque là tout fonctionne mais par contre impossible de faire fonctionner les liens (en cliquant sur la région bretagne par exemple, le seul lien actif pour le test!).
J'ai beau modifier le datas.xml, mais je pense que les fichiers france.swf et datas.xml ne sont pas relié.
Mais comment faire ?
J'ai bien regardé des solutions il faudrait apparement mettre
<param name="flashvars" value="xml=datas.xml" />
Mais où faut-il la renseignée ?
Merci de votre aide
Points pouvant être paramétrables comme les régions et les départements.
Et avec ses points, est-il possible de rajouter le nom de la ville et le code postal ?
Merci
Je suis sur un projet et c'est assez urgent. votre est magnifique et c'est sérieux.
Je cherche à rendre les régions directement cliquables sans zoom sur les départements. Est-ce possible ?
Merci
J'avais déjà lu la page que tu me conseilles, mais je voulais être certain d'avoir bien compris !
Mes problèmes d'affichage (qui se produisaient lors de changements rapides et répétés de pages) semblent résolus, je me demande si la cause ne venait pas justement de cette lourdeur du code de Dreamweaver, et d'un conflit avec les affichages AdSense... Je vais continuer à tester...
Pour palier le problème causé par une navigation sans Flash, je construit justement un menu supplémentaire lors de la refonte du site... ;-)
Cordialement
Patrice
Ce code est parfaitement valide et fonctionne sur tous les navigateurs courants lorsque bien sur, flash est installé. Pour en savoir plus, regardez du côté de cet article sur Flash Satay (Vous n'avez aucun javascript à ajouter) : http://...bed-Object
pour une nouvelle mouture de mon site actuellement en préparation, je rencontre parfois des difficultés d'affichage : la carte n'apparaît parfois qu'après un rafraîchissement de la page.
Je me demandais si le code que vous présentez en haut de cette page :
00.<object type="application/x-shockwave-flash" data="france.swf" width="500" height="570">
00. <param name="movie" value="france.swf" />
00. <param name="wmode" value="transparent" />
00. </object>
est valide, utilisé seul dans la page ?
Dreamweaver ajoute un tas de code, et des appels javascript. Mais la page fonctionne aussi bien avec les quelques lignes que vous préconisez.
Donc, faut-il vraiment ajouter qque chose à votre code, ( par ex :
<script src="../scripts/swfobject_modified.js" type="text/javascript"></script> , et autres...) et quels sont les risques (compatibilité ?)si on se contente des quelques lignes que vous nous donnez...
Pardon si ma question est idiote, mais je ne connais que le html... donc Flash et Javascript sont pour moi des inconnus...
Merci !
je suis confus de cette erreur grossière de ma part. Tout marche parfaitement grâce à vous !
Merci encore !
Il serait sans doute nécessaire de vider votre cache navigateur :)
J'ai néanmoins un souci car je n'arrive pas à faire pointer les liens (clic sur un département) vers d'autres sites que le site test ('http://...ligams.com') en changeant le fichier data.xml. Les liens continuent de pointer vers le site ligams.com même quand je change le nom de l'url. C'est très bizarre. Cela ne marche pas en tous cas sur mon site installé en local sous wordpress.
Merci de votre aide !
Pour la prise en charge de la touche escape, pourquoi pas, ça ne mange pas de pain, cela dit afin que l'animation récupère l'événement du click sur la touche escape, il faut que l'utilisateur ait le focus sur l'animation (sur l'object); c'est donc un peu boiteux et il y a risque de ne pas comprendre pourquoi le dezoom ne fonctionne pas.
Comment il faut faire pour qu'elle soit compatible joomla ?
merci
Pour un comportement encore plus intuitif, serait-il possible de dézoomer lorsqu'on appuie sur la touche ESCAPE ?
En vous remerciant pour cette superbe carte ! J'ai pas trouvé mieux !
Cordialement
Frederic
Merci pour cette carte magnifique !
Mais voilà, j'ai un preblème pour faire pointer les liens du fichier .xml
Pour faire simple : j'utilise drupal et j'ai intégré le dossier flash (.swf) grace à l'icon Flash de ckeditor et voici le code source :
<p><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://...40,0" data="http://....swf" height="300" id="france" title="Carte de France par secteur" width="300">
<param name="allowScriptAccess" value="samedomain" />
<param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="flashvars" value="xml=datas.php" />
<param name="scale" value="showall" /><param name="movie" value="http://....swf" />
<embed allowscriptaccess="samedomain" height="300" pluginspage="http://...ayer" quality="high" scale="showall" src="http://....swf" title="Carte de France par secteur" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed></object></p>
Les deux fichiers .xml et .swf sont dans le même dossier.
Seules les régions m'intéressent donc zoomable="false" pour tout.
La carte s'affiche bien sur ma page d'accueil mais impossible de faire fonctionner les liens (en cliquant sur la région bretagne par exemple, le seul lien actif pour le test!).
Si quelqu'un à une solution, merci !
Serait-il possible d'avoir une version de la carte avec le Pays de Savoie inclut dans Rhône Alpes?
Cordialement.
Laurent
Sinon c'est une très bonne carte.
dommage que
<param name="flashvars" value="xml=datas.php" />
ne marche pas...
Il vous faut utiliser le fichier .xml inclus dans l'archive. Éditez-le et recherchez la ligne de votre choix avec le département qui vous intéresse, puis modifiez l'adresse url ;-)
Tout d'abord, un grand merci pour ce joli travail ;-)
J'ai la version 1 de la map et je voudrai savoir comment rediriger un département sur une adresse url. Simplement que l'orsque l'on clique sur le département, cela renvoi sur une adresse de mon choix.
Merci d'avance.
je tente en vain d'intégrer mon propre fichier xml. J'ai testé :
<param name="flashvars" value="xml=datas2.xml" />
Mais cela ne fonctionne pas. Pourrais-je avoir des explications s'il vous plaît ?
Merci ! =)
Merci pour la source, superbe carte !
J'ai déjà utilisé la version 1, celle-cie me parait encore beaucoup mieux.
J'aurais juste une question, est-il possible de paramétrer les targets des liens ? J'ai essayé target='_blank' juste après href dans le fichier datas.xml, mais ça ne marche pas...
Shapes
Avez-vous songé à modifier la région Alpes-Pays de Savoie qui n'est pas très officielle.
Sinon merci pour cette carte qui est vraiment trés bien
@aquel :Il vous est possible de rendre les régions cliquables en modifiant le XML.
Cette version ne semble pas etre compatible avec firefox, il y a t'il une solution ????
est-il prévu de faire une version avec les régions uniquement (sans les départements). Vendez-vous la source?
Merci
Axel
la Guyane ne fait pas partie des DOM-TOM sur votre carte! Sera t'elle ajoutée dans une future mise à jour?
Merci