Aller au contenu Aller au menu Aller au sous menu Aller à la recherche

Ligams » Publications » Serveur Web » Carte de France Flash

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.

Aperçu

Aperçu : carte de France en Flash

Technique

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

Transparence du swf

Vendredi 21 Mai 2010 10:15:02 - Fkw

Bonjour et tout d'abord merci pour cette belle carte intéractive.
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

Mercredi 21 Avril 2010 15:47:13 - Stéphane

Bonjour,

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.

Une animation swf en Flex

Mercredi 21 Avril 2010 15:45:02 - Nikko

Bonjour, ou plutot re-bonjour :)

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 :)

Merci

Mercredi 21 Avril 2010 15:30:02 - Nikko

Super :) C'est ce qui me fallait pour intégrer dans mon appli Flex.
Marche trop bien, paramétrable sur les points nécessaires, design simple mais très joli et intégrable partout !

Wordpress

Mardi 02 Mars 2010 22:45:03 - WordpressUser

Bonjour, je suis aussi sous wordpress, et j'utilise le rewritting...
du coup la carte ne s'affiche pas. Pouvez vous me donner vos tuyaux pour résoudre mon problème ?

Merci

Une région de trop

Mardi 02 Mars 2010 22:45:02 - Albert

Bonjour,
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.

Rewriting the solution

Lundi 25 Janvier 2010 14:30:01 - Nico

Bonjour Stéphane,

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.

RewriteRule et Carte de france flash

Lundi 25 Janvier 2010 13:30:02 - Stéphane

Bonjour,
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)

Rewriting

Lundi 25 Janvier 2010 00:45:02 - Nico

Après quelques tests et l'affichage des en tetes http, je viens de m'apercevoir que le swf cherche le datas.xml dans un dossier correspondant au rewriting. Si ma page est "www.domaine.com/map/"
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 ?

Chargement du XML

Lundi 25 Janvier 2010 00:45:01 - Nico

Bonjour Stéphane,

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 ?

Internet Explorer (ie6,ie7,ie8)

Dimanche 17 Janvier 2010 16:00:03 - Marwan

Boujour, est-ce normal que la carte ne s'affiche pas via internet explorer ?

Re : Rewrite

Jeudi 17 Décembre 2009 21:30:02 - Stéphane

Il vous suffit de régler votre fichier .htaccess (ou directement les règles dans votre conf d'apache) :

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)

Rewriting

Jeudi 17 Décembre 2009 21:00:02 - Nico

Bonjour,

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.

Couleurs

Jeudi 05 Novembre 2009 16:45:02 - Stéphane

C'est prévu pour la prochaine mouture, qui sera certainement open-source cette fois, il sera également possible de passer en paramètre le fichier xml de son choix (comme un fichier php, asp...).

N'étant pas vendu, vous comprendrez qu'il ne s'agisse pas d'un projet prioritaire :)

changement de couleur par département

Jeudi 05 Novembre 2009 15:00:02 - PizzaToy

Bonjour,

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...

@ +

Agrandir le texte

Mercredi 04 Novembre 2009 13:00:02 - Patrice

Bonjour,
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

Numéro de départements...

Mercredi 30 Septembre 2009 12:30:02 - Nicolas MOURET

Bonjour,

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

Bravo

Dimanche 20 Septembre 2009 11:15:02 - Fredaz

Clair, simple, facile à paramétrer... Il ne me manque que les DOM TOM pour l'intégrer sur mon site !

Manque 3 régions

Lundi 14 Septembre 2009 14:00:02 - annonce-vacance.com

Bonjour,

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

Régions cliquables

Samedi 12 Septembre 2009 15:15:02 - Patrice

Bonjour,
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 !

Carte

Vendredi 11 Septembre 2009 14:30:02 - youssef

Merci pour cette superbe carte.

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.

carte de france

Jeudi 10 Septembre 2009 22:30:03 - jean-michel gens

salut stephane petite suggestion mettre un attribut au niveau general
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

pas de démo

Jeudi 10 Septembre 2009 22:30:02 - jean-michel

salut je n'ai pas vu de démo serais je aveugle ou il n 'y en a pas ?
en tout cas merci pour le boulot

evolution

Dimanche 16 Août 2009 01:00:02 - cartable

Bonjour

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

carte france

Mardi 04 Août 2009 21:30:02 - creasite76

Merci pour cette carte simple d'utilisation avec une couleur uniforme. Etant une petite entreprise de création de site internet cela me permet de proposer un tarif abordable à mes clients vu le gain de temps non négligable.

Chemin du xml

Jeudi 16 Juillet 2009 17:30:02 - hartus

Vous serait il possible de faire une version ou l'on indique l'adresse du xml dans les param name du type france.swf?url=datas2.xml je pense que ca pourrait arranger bcp de monde....
Merci et encore bravo pour cette superbe carte

htaccess

Vendredi 10 Juillet 2009 10:15:02 - Shapes

Encore merci pour la réponse.

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

Prochaine version

Vendredi 10 Juillet 2009 10:14:54 - Stéphane

Bonjour,

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.

Shapes

Mardi 07 Juillet 2009 12:00:31 - Stéphane

Merci pour votre retour Shapes,
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 :)

Re : @Shapes

Mardi 07 Juillet 2009 11:54:41 - Shapes

Bonjour Stephane,

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

@Shapes

Mardi 07 Juillet 2009 09:03:51 - Stéphane

Ce flash appelle une ressource externe ce qui n'est peut être pas le cas de vos autres animations. Je sais qu'il y a eu un souci de sécurité avec le player 10 à cause des en-têtes renvoyées, je suis presque certain que vous afficherez l'animation si vous utilisez le player 9.
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://www.adobe.com/devnet/flashplayer/articles/fplayer10_security_changes_print.html#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.

Protégé

Mardi 07 Juillet 2009 08:30:02 - Shapes

Bonjour,
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://www....../france.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

super carte

Samedi 04 Juillet 2009 09:15:01 - aurélien

Bonjour,

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

merci et signications parametres

Mardi 26 Mai 2009 12:52:13 - emma

merci à ligams pour cette carte extremement bien faite.

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

Re : Lien

Vendredi 22 Mai 2009 01:15:02 - Stéphane

Bonjour Abdel, le lien n'est pas très intrusif, ce n'est pas réellement le but de la manœuvre :)
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,

Lien

Vendredi 22 Mai 2009 00:55:28 - Abdel

Bonjour
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

Re : liens carte

Vendredi 15 Mai 2009 11:43:48 - Stéphane

Bonjour Bertrand et merci pour votre retour,

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.

liens carte

Vendredi 15 Mai 2009 11:34:09 - bertrand

Bonjour,
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

Découpage personnalisé dans le XML

Jeudi 14 Mai 2009 07:45:02 - Stéphane

Bonjour Roland, ce n'était initialement pas prévu, en réalité pourquoi pas, le but étant d'avoir un script souple à la sortie : je pense donc que la prochaine mise à jour intégrera votre idée.
Cordialement,

Régions administratives

Jeudi 14 Mai 2009 07:40:05 - Roland T.

Bonjour,

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.

Les commentaires sont tous validés par un modérateur, votre commentaire n'apparaît pas directement sur le site.
Aucun support n'est assuré ici, vous pouvez néanmoins laisser vos remarques et critiques sur l'article, les points de vue pertinents sont toujours les bienvenus.

Votez pour cet article

Vote: 4,52/5
(Nombre de votant(s) : 31)

Traduction automatique

Recherche

Ligams © 2009 tous droits réservés - Contact | Aide à la navigation | Plan du site | Glossaire | Infos légales | Accessibilité