J’ai décidé suite à un besoin chez 360 Ouest de développer un plugin de géolocalisation pour le diffuseur de panoramique Flash Panorama Player. Le besoin était assez simple, géolocaliser un panoramique.
Pour cela je me suis basé sur le composant UMap d’AFcomponents. Il est assez simple à utiliser quand on maitrise bien l’API et Actionscript 3, le forum est aussi très réactif et bien fourni.

Pour la partie écriture du plugin sous FPP, j’ai décortiqué le tutorial ‘Understanding Basic Flash Panorama Player Plugin Architecture’ écrit par Zephyr Renner et Patrick Cheatham sur le site http://flashpanos.com.

Voici donc un petit panoramique qui utilise ce plugin, une icône en haut à droite permet de lancer la carte, un autre bouton au bord de celle-ci de la fermer.

Le plugin est donc disponible à cette adresse: Archive file (704)

Et voici l’aide pour le paramétrage et l’installation.

Mise à jour du 01-02-09:

- possibilité de changer l’icône standard du bouton avec un fichier png externe, 55×55px. le fichier nommé map.png devra être situé ds le même répertoire que le swf map.swf

- possibilité de cacher/afficher le bouton: la fonction external.umap.visible = 0 ou 1; se charge de cela, détailler dans le point 6 en bas.

1. mettre le fichier map.swf sur votre serveur, dans un répertoire quelconque, ./files par exemple , si vous utilisez GOOGLE comme fournisseur, ajoutez également les 3 fichiers copyright.php , settings.xml et GoogleLogo.png dans le même répertoire que le swf.

2. dans votre xml de config de FPP, rajoutez la ligne suivante:

layer_5 = ./”mon répertoire”/map.swf

ce qui donne

layer_5 = ./files/map.swf

3.ajoutez le noeud xml de config:

BIEN RESPECTER l’ordre de ces paramètres, j’ai pas encore eu le temps de prévoir une config où ils ne sont pas dans l’ordre.

Les 2 premiers paramètres correspondent au point géographique.

Le paramètre loc_name sert à indiquer le nom du lieu.

Le paramètre align sert à positionner l’icone dans le player, c’est pareil que FPP:

TL: top-left
TM: top-middle
TR: top-right
BL: bottom-left
BM: bottom-middle
BR: bottom-right

Les paramètres xoffset et yoffset servent à décaler l’icône suivant le besoin.

Le paramètre tooltip sert à modifier le texte qui apparaît au survol de l’icône.

Le paramètre provider sert à changer de fournisseur de carte: 4 fournisseurs sont dispos:
- GOOGLE
- YAHOO
- MICROSOFT
- OPENSTREETMAP

Le paramètre maptype sert à choisir le type de carte pr le provider choisi:

- GOOGLE:
+ plan
+ satellite
+ hybrid
+ relief

- YAHOO
+ map
+ hybrid
+ satellite

- MICROSOFT
+ road
+ aerial
+ hybrid

- OPENSTREETMAP
+ mapnik
+ osmarender
+ cyclemap

Le dernier paramètre sert à spécifier le zoom d’arrivée de la carte, entre 0 et 17, par défaut à 10.

4. ajoutez ces 2 fonctions dans le noeud global du noeud hotspots, elles peuvent vous permettent de lancer d’autres actions en même temps que la carte:

5. ceux qui le veulent peuvent manipuler l’icone avec les deux paramètres xoffset et yoffset comme suit:

6. ceux qui le veulent peuvent cacher/afficher l’icône avec la fonction external.umap.visible = 0 ou 1; comme dans l’exemple ci-dessous, cacher au démarrage de FPP l’icône et ne l’a faire apparaître qu’à la fin du chargement du pano:

Certains utilisateurs me rapporte que leur carte affiche une page blanche lors de leurs tests. Il faut obligatoirement que le dossier de test soit utilisé sur un serveur web, distant chez un hébergeur ou local avec des solutions comme MAMP sur Mac ou Easyphp sur Windaube.


Ce qui le veulent peuvent faire un don à l’aide du bouton suivant.

Je ne développerai pas plus de fonctionnalités pour ce plugin, un autre plugin plus poussé existe déjà et j’invite les curieux à le regarder de plus près s’il répond à leur besoin, GMap Widget For FPP, de Davx Medias