Cartes cliquables

[Coltrane]

Autre chose, sait-on si cette nouvelle version de carte sera stable dans le temps, et qu'on aura pas le même problème dans 2-3 ans avec une nouvelle mise à jour de l'application qui nous forcerait à re-changer le codage de nos cartes ?
Je me pose cette question car l'application développée reprend des API de Google, et comme Google est friand de mise à jour perpétuelle..... (cf Youtube qui exige la dernière version de flash et ne veut pas marcher sans un bandeau intrusif "mettez à jour" quand on a la version n-1 qui est sortie 2 mois avant...)

[G.E.]

Je te réponds en détail sur les points que tu soulèves :

Autre chose, sait-on si cette nouvelle version de carte sera stable dans le temps, et qu'on aura pas le même problème dans 2-3 ans avec une nouvelle mise à jour de l'application qui nous forcerait à re-changer le codage de nos cartes ?

Cette version est très stable et bien entretenue par son créateur. C'est pour cela qu'elle a été choisie. Depuis le début de WikiSara, nous avons eu des problèmes avec l'application Google Maps pour x ou y raisons (voir les différents sujets).

A plusieurs reprises, j'ai cru que l'on allait abandonner les cartes, et alors que c'était presque le cas, une solution a émergé (dans l'urgence). Il faut la saisir.

Je me pose cette question car l'application développée reprend des API de Google, et comme Google est friand de mise à jour perpétuelle..... (cf Youtube qui exige la dernière version de flash et ne veut pas marcher sans un bandeau intrusif "mettez à jour" quand on a la version n-1 qui est sortie 2 mois avant...)

Le logiciel que nous abandonnons succombera dans 2 jours, faute de pouvoir être converti à la dernière API de Google. C'est le risque avec les logiciels informatiques, d'où l'importance d'avoir une application entretenue régulièrement.

J'avais bien compris qu'il manquait quelque chose pour récupérer les lignes, et c'est parfaitement normal que cela ne marche pas bien pendant la phase de basculement. Ajouter à la main le code de la couleur de la ligne et faire un coup de rechercher/remplacer dans Word pour mettre les ":" à la place des ";" ne devrait pas être top difficile en soi en se répartissant les tâches par contributeurs.

Je vais essayer demain d'utiliser mon propre robot pour les cartes à points. Avec un peu de chances, je pourrai automatiser la récupération du signe "|", ce qui serait déjà ça de fait.

Pour les cartes avec des lignes, j'ai peur qu'on n'échappe pas à une conversion manuelle. Il y a du boulot mais si on se le partage, on arrivera à tout régler assez vite.

Je t'alertais plutôt sur le travail incomplet du robot : regarde par exemple le codage de la carte de la RN7 que le script à traité aujourd'hui en début d'après-midi. Sur le milliard de point qu'il doit y avoir, le robot n'a repris que les 7-8 points qui correspondent à des points d'intérêt de l'ancienne carte (nom de ville / fin de tracé), et n'a pas recopié les autres points.

Dans ce cas là, le robot de Wikia a créé l'enveloppe de la carte avec le zoom, etc., en respectant le format d'origine, ce qui nous sera bien utile.
Les points préservés sont ceux des extrêmités de l'itinéraire qui comprenaient une légende dans une bulle.

Notre tâche sera de récupérer les points dans le code Google Maps qui a été préservé en-dessous. On doit bien trouver un moyen d'insérer des ":" à la fin de chaque ligne. Si quelqu'un a une idée...

Précédemment, il reprenait tout les points sur les premières cartes qu'il a faites. Je pense que c'était lié au codage des couleurs de lignes, où il prend en compte tout ce qui suit le code couleur #6FFxxxx et ne prend pas en compte nos codes couleurs sans les caractères 6FF.

C'est possible vu qu'il y avait plusieurs versions de cartes : la version normale et la dernière version (0.9) qui nous causait des problèmes.

Ainsi, on risque de s'arracher les cheveux pour re-taiter les nouvelle faite par le script pour être sûr de ne pas avoir raté de tronçons de route dans le processus.

Il faut bien observer ce qu'a fait le robot et mettre au point un protocole pour récupérer progressivement chaque carte. Dans tous les cas, on n'échappera pas à un contrôle manuel de chaque article pour vérifier que tout est bien fait.

[G.E.]

Pour compléter notre discussion, je viens de recevoir un mail m'informant que la version complète de l'application "Maps" vient d'être mise en place.

Il est donc possible d'utiliser dès à présent le nouvel éditeur de cartes pour tracer des traits : http://semantic-mediawiki.org/wiki/Special:MapEditor
Pour l'avoir testé à titre provisoire, cet éditeur permet d'importer et d'exporter du code sans aucun bug !

Le mieux est de faire plusieurs exemples pour s’habituer à l'utiliser. Ils se trouvent ici : http://semantic-mediawiki.org/wiki/Maps_examples
Sur WikiSara, une page de test permet de s'amuser en toute liberté : http://routes.wikia.com/wiki/Test

On crée des lignes avec l'option "lines" (on peut en mettre plusieurs à la suite) :

Par exemple : |lines=53.225768435790194,23.466796875:53.9560855309879,29.1796875:56.46249048388979,31.11328125:59.31076795603884,30.673828125:60.84491057364915,27.333984375:60.930432202923335,21.26953125:59.17592824927136,16.611328125:56.218923189166624,16.259765625:54.1109429427243,19.599609375:53.225768435790194,23.466796875~You're serrounded!~ ~#B0920C

Les coordonnées sont séparées par ":" sans renvoi à la ligne, ce qui est la principale différence avec l'ancien code. C'est aussi le principal enjeu pour la conversion.

On peut donner une légende à la ligne entière entre des tildes, dans le cas présent : ~You're serrounded!~
Si on ne met pas de légende, il faut quand même laisser les deux tildes sans rien au milieu, comme ceci : ~ ~

La couleur de la ligne est donnée à la toute fin après un tilde : ~#B0920C
On peut rajouter après le code couleur un autre tilde pour spécifier la largeur du trait, par exemple : ~3

Au final, une ligne prend donc la forme suivante : |lines=coordonnées~légende~ ~couleur ~largeur

[Coltrane]

Merci pour toutes ces infos, cela devient moins ténébreux.
En jouant avec la page test, les retours à la ligne semblent quand même marcher (ça rend le truc moins illisible) (mais pas la prévisualisation qui affiche une carte grise avec Firefox+ABP désactivé)

Code: Tout sélectionner

exemple d'itinéraire Bis avec tracé en vert (Nono)
{{#display_map: 44.31950208317777,-0.8833372592926025~Début~Début 1;
44.30860115204724,-0.7779479026794434~Fin~Fin1
|lines=44.31950208317777,-0.8833372592926025:
44.318895676117755,-0.878981351852417:
44.3188342674584,-0.8768141269683838:
44.31825855815139,-0.874561071395874:
44.31748326069242,-0.870591402053833:
44.317414174283144,-0.8699047565460205:
44.31806665379378,-0.8524596691131592:
44.318005244266764,-0.8514297008514404:
44.31465832784512,-0.8182990550994873:
44.31402116386942,-0.8122801780700684:
44.311963767896195,-0.7975924015045166:
44.31071240596621,-0.7887303829193115:
44.30950708121269,-0.7847177982330322:
44.30931514823487,-0.7837414741516113:
44.3092460522092,-0.7826578617095947:
44.30915392404846,-0.7823359966278076:
44.30913856934093,-0.7819926738739014:
44.309307470902695,-0.7815635204315186:
44.30936121220677,-0.780329704284668:
44.30927676156398,-0.7796859741210938:
44.30912321462941,-0.7790851593017578:
44.30860115204724,-0.7779479026794434~ ~ ~#1EFB07
|centre=44.30950708121269,-0.7847177982330322
|zoom=10
|height=650
|width=550
|type=hybrid
|controls=type,scale
}}

Comme il y a un critère sur la largeur de traits, peut on introduire des surépaisseurs pour les VE / 2x2 avec éventuellement un peu de transparence ?

[G.E.]

En jouant avec la page test, les retours à la ligne semblent quand même marcher

Excellente nouvelle !
(Je l'avais testé sur une ancienne version du logiciel et ça ne marchait pas)

On n'aura plus qu'à ajouter les ":" ou à remplacer les ";" par les ":".

(mais pas la prévisualisation qui affiche une carte grise avec Firefox+ABP désactivé)

C'est normal... mais le problème est connu, donc on peut espérer qu'il sera résolu à l'occasion d'une mise à jour.

Comme il y a un critère sur la largeur de traits, peut on introduire des surépaisseurs pour les VE / 2x2 avec éventuellement un peu de transparence ?

Comme on peut jouer sur la largeur des traits, on peut effectivement créer des sur-épaisseurs sur certains tronçons.
Il faudrait cependant qu'on uniformise la largeur "standard" des lignes : entre 3 et 5 sans doute.

Pour la transparence, je pense que c'est possible. En bidouillant l'éditeur (avec le clic droit sur les traits et les points), il y a plein d'options à tester.
On pourra ainsi trouver le code nécessaire.

Si on cherche tous, on finira par trouver comment faire les manipulations importantes et on pourra proposer un mode d'emploi.

[G.E.]

J'ai rétabli sans problème les pipes "|" avec mon petit robot. Les cartes avec les panneaux Michelin et les bornes de département sont de nouveau opérationnelles, pour celles qui ont été converties à ce jour.

Ce sont autant de manipulations individuelles évitées.

[Coltrane]

Je me suis arraché les cheveux, fait 50 essais, et au bout, ... ça marche

On peut adapter les anciennes cartes dans Word pour les transformer vers le bon code, avec un peu de prestation manuelle et beaucoup de rechercher-remplacer

Typiquement pour une carte, on cherche à obtenir le type de codage :
- carte à 3 lignes,
- lignes de couleur orange #F8B708
- ligne d'épaisseur 5

Code: Tout sélectionner

{{#display_map:
|lines=
48.963145,2.359561:48.963406,2.359453:48.96435,2.360044:48.966442,2.361202:48.970668,2.363906:48.973738,2.365687:48.97409,2.36588~ ~ ~#F8B708~ ~5;
48.989497,2.359926:48.990539,2.359416:48.991954~ ~ ~#F8B708~ ~5;
50.083761,1.847034:50.084711,1.847355:50.085193,1.847162:50.086528,1.845832:50.090356,1.842892:50.091223,1.842656:50.093164,1.842914~ ~ ~#F8B708~ ~5
|centre=50.04415, 2.296143
|zoom=8
|width=600
|height=700
|type=hybrid
|controls=type
}}

C'est une méthode assez systématique en 8 étapes , où on peut réinjecter le code repris dans le wiki.
L'idée est de transformer la liste de points pour faire des paragraphe pour la définition de chaque tracé (ligne), ce qui permet de mettre en évidence le code couleur de début de ligne qui devra être déplacé à la main du début de paragraphe vers la fin de chaque paragraphe.
Ensuite le nettoyage correspond à retirer les repères, les retours à la ligne en trop que le wiki risque de ne pas aimer.
Attention, le wiki est intolérant, et s'il y a une erreur (le dernier ";" non supprimé ou le nom de ville rattaché à un point non supprimé), le machin n'affiche qu'une carte vierge.
J'ai testé la procédure dans la page de test, carte de la RN1.

Code: Tout sélectionner

1/ copier-coller la liste des anciens points

2/ supprimer les balises <google map...> // </googlemap>

3/ supprimer les commentaires, noms de villes et autres dans la liste de points, y compris la virgule.
exemple : ", [[Lille]]"

4/ rechercher-remplacer dans Word. Cocher la case "inclure caractères génériques", car on utilise les codes ASCII (^13 = retour charriot, ^126= ~)
   4 étapes à suivre dans cet ordre, ne pas mettre les gillements dans les recherches.
   
     rechercher : "^13"      remplacer : ":"   -> supprime les sauts de ligne et met les: après chaque coordonnée de point
     rechercher : " "(espace)   remplacer : (rien)   -> supprime les espaces
     rechercher : ":#([0-Z]{6}):"   remplacer : "^13^13^126 ^126 ^126#\1^126 ^126 5;---" -> ajoute le code "~ ~ ~#F8B708~ ~5;" (majuscules)
     rechercher : "#([0-z]{6}):"   remplacer : "^13^13^126 ^126 ^126#\1^126 ^126 5;---" ->   ajoute le code "~ ~ ~#F8b708~ ~5;" (minuscules)

5/ déplacer à la main à la fin de chaque paragraphe les code couleurs "~ ~ ~#F8B708~ ~5---" qui sont en début (les --- servent les repérer plus vite)

6/ rechercher - remplacer (pour nettoyage du code)
     rechercher : "^13"      remplacer : (rien)   -> supprime les sauts de ligne en trop
     rechercher : "---"      remplacer : "^13"   -> enlève les repères et fait un retour chariot à la fin de chaque liste de points correspondant à une ligne

7/ retirer le ";" à la dernière instruction "~ ~ ~#F8B708~ ~5;"

8/copier-coller le code modifié entre
   {{#display_map:
   |lines=
  et
   |centre=48.827265929133645,2.6789045333862305
   |zoom=13
   |height=650
   |width=550
   |type=hybrid
   |controls=type,scale

Si un informaticien se sent de faire un automatisme avec ça...
Avis aux motivés.

Edit : bévue rectifiée à l'étape 4

[G.E.]

Ta description laisse à penser que l'on doit pouvoir faire une macro avec Excel, donc diffusable et utilisable par tous !

Plusieurs facteurs permettent d'être optimistes :
- Le robot de Wikia nous crée le nouveau cadre automatiquement, donc on le garde. Ceci dit, le travail n'est pas encore terminé pour tous les articles.
- L'ancien code contenu entre les balises <googlemap> et </googlemap> (voir l'historique de chaque page) est copiable dans Excel et tout ressort en lignes. Idéal !

Ca vaut le coup d'essayer, je m'y mets demain avec mes souvenirs de programmation pour créer un outil "presse-boutons".

[Coltrane]

Je pense que la grosse difficulté est de basculer de façon automatisée le code de la couleur, qui était avec les anciennes cartes au début de la liste de points du tronçon concerné, pour le mettre à la fin de chaque tronçon.
Le reste (ajouts ":" tildes et autres), se fait à coup de rechercher-remplacer judicieux, donc par une macro relativement simple.

Personnellement, je suis une quiche en macro-excel et en VBA. Je vais donc laisser faire les développeurs qui savent.
En revanche, aucun souci pour reprendre les cartes quand on sera prêt.

PS : j'ai vu sur la page de tests que les espaces entre coordonnées "X, Y:" ou "X,Y:" sont tolérés, les retours chariots entre points aussi)

[G.E.]

Je pense que la grosse difficulté est de basculer de façon automatisée le code de la couleur, qui était avec les anciennes cartes au début de la liste de points du tronçon concerné, pour le mettre à la fin de chaque tronçon.
Le reste (ajouts ":" tildes et autres), se fait à coup de rechercher-remplacer judicieux, donc par une macro relativement simple.

Je viens d'arriver à programmer un code qui recrée les lignes proprement, puisque c'est ce qui manque après le passage du robot de Wikia. Il suffit juste que l'entrée Google Maps soit "propre", sans points particuliers, et ça tourne super bien.

Il n'y a plus qu'à insérer le résultat dans la carte mise à jour par le robot après les points particuliers.

Pour l'instant, on est en phase de test, avant généralisation. On peut sans doute complexifier le code pour le rendre encore plus pratique.

Code: Tout sélectionner

' Version 1.0 '
' Récupérer la dernière version de la carte Google avant le passage de WikiaBot en prenant tout, de <googlemap> à </googlemap>'
' Copier-coller le code entier de la carte dans la "Feuil1" d'un classeur Excel en haut à gauche '
' Tout le code de la carte va alors s'afficher sur la première colonne '
' Il faut absolument faire le ménage en supprimant les labels des points particuliers '
' donc tout ce qui est texte (villes, etc.) pour ne garder que les coordonnées. '
' Penser aussi le cas échéant à adapter les couleurs ne commençant pas par # '
' Ensuite, aller dans Outils > Macros et créer une nouvelle macro '
' Copier-coller le code ci-dessous (garanti sans virus !) et exécuter (avec le symbole du triangle) '
' Résultat garanti sur la page de départ !'
' Après chaque utilisation, on copie-colle et c'est reparti '

Sub A()
Dim c As Worksheet
Dim i, j, k, l As Integer
Set c = Worksheets("Feuil1")
i = 2
j = 5
c.Cells(5, 5) = "|lines="
c.Cells(6, 5) = ""
c.Cells(7, 5) = ""
c.Cells(8, 5) = ""
c.Cells(9, 5) = ""
c.Cells(10, 5) = ""
c.Cells(11, 5) = ""
c.Cells(12, 5) = ""
c.Cells(13, 5) = ""
c.Cells(14, 5) = ""
c.Cells(15, 5) = ""
c.Cells(16, 5) = ""
c.Cells(17, 5) = ""
c.Cells(18, 5) = ""
c.Cells(19, 5) = ""
c.Cells(20, 5) = ""
Do Until c.Cells(i, 1) = "</googlemap>"
    If Left(c.Cells(i, 1), 1) = "#" Then
        Couleur = c.Cells(i, 1)
        i = i + 1
        Do Until Left(c.Cells(i, 1), 1) = "#" Or Left(c.Cells(i, 1), 1) = "<"
            c.Cells(j, 5) = c.Cells(j, 5) & c.Cells(i, 1)
            If Left(c.Cells(i + 1, 1), 1) = "#" Or Left(c.Cells(i + 1, 1), 1) = "<" Then
                Else
                c.Cells(j, 5) = c.Cells(j, 5) & ":"
            End If
            If Left(c.Cells(i + 1, 1), 1) = "#" Then
                c.Cells(j, 5) = c.Cells(j, 5) & "~ ~ ~" & Couleur & "~ ~5;"
            End If
            If Left(c.Cells(i + 1, 1), 1) = "<" Then
                c.Cells(j, 5) = c.Cells(j, 5) & "~ ~ ~" & Couleur & "~ ~5"
            End If
            i = i + 1
        Loop
    j = j + 1
    End If
Loop
End Sub

[G.E.]

Avec un bouton cliquable, c'est mieux : http://dl.free.fr/getfile.pl?file=/wUThiEwY

Les instructions :

Code: Tout sélectionner

' Version 1.0 '
' Récupérer la dernière version de la carte Google avant le passage de WikiaBot en prenant tout, de <googlemap> à </googlemap>'
' Copier-coller le code entier de la carte dans la "Feuil1" d'un classeur Excel en haut à gauche '
' Tout le code de la carte va alors s'afficher sur la première colonne '
' Il faut absolument faire le ménage en supprimant les labels des points particuliers '
' donc tout ce qui est texte (villes, etc.) pour ne garder que les coordonnées. '
' Penser aussi le cas échéant à adapter les couleurs ne commençant pas par # '
' Appuyer sur le bouton '
' Résultat garanti sur la page de départ !'
' Après chaque utilisation, on copie-colle et c'est reparti '

Amusez-vous sur la page de test et faites-moi part de vos remarques : http://routes.wikia.com/wiki/Test

[lloyd_cf]

Oh, c'est pas trop mon truc les cartes cliquables, la programmation et les tableaux Excel, alors je vais vous laisser faire...

Ceci dit, je répète ici ce que j'ai déjà posté sur le Wiki: J'aimerais savoir pourquoi (après modification, bien sûr) certaines cartes s'affichent très bien avec mon navigateur (Firefox) et d'autres m'affichent "Votre navigateur n'est pas compatible avec GoogleMaps v3" dans un cadre gris... (ex pour les RD de l'Ain: 2,3,7,10,11,12,13,14,15 OK mais 1,4,6,8,19 et 17 non) - il doit y avoir un souci de code, là, non?

Ce serait pas mal de vérifier si ça fonctionne correctement partout avant de se lancer à tout modifier en masse sur les pages des routes (il y a une page test pour ça) et dans le désordre le plus complet comme RNDCRF avait commencé (sans attendre le feu vert de GE d'ailleurs... )

[G.E.]

Oh, c'est pas trop mon truc les cartes cliquables, la programmation et les tableaux Excel, alors je vais vous laisser faire...

J'ai créé le fichier Excel pour faciliter au maximum la conversion avec un simple copier-coller. Ça vaut le coup qu'on soit nombreux pour tout mettre à jour rapidement. Au passage, cela permet de se familiariser avec le nouveau code.

Ce serait pas mal de vérifier si ça fonctionne correctement partout avant de se lancer à tout modifier en masse sur les pages des routes (il y a une page test pour ça) et dans le désordre le plus complet comme RNDCRF avait commencé (sans attendre le feu vert de GE d'ailleurs... )

J'essaie de canaliser les bonnes volontés mais il me faut le soutien des admins du wiki car c'est un peu lourd à gérer tout seul.

[G.E.]

J'ajoute que la page de suivi est prête pour tout faire dans l'ordre : http://routes.wikia.com/wiki/Suivi_des_ ... _de_cartes

[Coltrane]

Ton code marche bien, testé sur 3 routes complexes, merci GE !!

Pour les codes couleurs qui sont du format 6#FF123456, il suffit de virer les 6GG pour remettre en format #123456 et ça marche, même si ce n'est pas pile poil nos couleurs classiques.

J'ai les mêmes problèmes que Loyd sur quelques RD de l'Ain fraichement faites par RNDCRF,
pour lui, KO pour 1,4,6,8,19 et 17
pour moi, KO pour 2,4,8,19. IL y aussi d'autre cartes que le robot à fait tout seul qui "s'affichent" en gris, mais je ne sais plus où.
J'ai les mêmes résultats avec Firefox et IE9

le problème est assez incompréhensible
Il m'était arrivé hier soir la même chose sur la page de Test quand RNDCRF est intervenu. Ca a remarché quand j'ai rétabli le code qu'il y avait juste avant qu'il passe, mais je n'ai rien vu de suspect en comparant sa version aux miennes (il m'a même permis de voir la 2ème erreur qui bloquait ma carte). Je mettrais plus cela sur son navigateur genre Chrome qui met le bronx ?

[G.E.]

Ton code marche bien, testé sur 3 routes complexes, merci GE !!

C'est rassurant car je l'ai testé également sur plusieurs cas.

Pour les codes couleurs qui sont du format 6#FF123456, il suffit de virer les 6GG pour remettre en format #123456 et ça marche, même si ce n'est pas pile poil nos couleurs classiques.

OK, c'est bon à savoir.

J'ai les mêmes problèmes que Loyd sur quelques RD de l'Ain fraichement faites par RNDCRF,

Moi aussi. Ce sont des problèmes qui disparaissent en éditant l'article et en le sauvegardant sans modification.

pour moi, KO pour 2,4,8,19. IL y aussi d'autre cartes que le robot à fait tout seul qui "s'affichent" en gris, mais je ne sais plus où.

Les cartes supportent très bien les fichiers (cf. cartes Michelin), mais curieusement elles n'aiment pas les raccourcis du type : [[Autoroute française A3|A3]] ou {{Autoroute française|A3}}. Le robot de Wikia a même fait sauter les "|" dans les cartes qu'il a converties.

Pour régler ce problème commun à tous les wikis, il faut remplacer dans les cartes (et uniquement dans les cartes), le symbole "|" par le modèle "{{!}}" qui supprime le bug.

[Coltrane]

La macro plante pour les RN1 ses antennes du 974
(erreur type 7 mémoire insuffisante)
Peut être qu'il n'aime pas les coordonnées qui commencent par un chiffre négatif...
J'ai fait la 975 qui plantait pareil à la main.

[G.E.]

Je viens de faire sans problème la mise aux normes de ces articles.

Peut-être que la macro sature à force de copier-coller... Il faut la relancer et ça repart.

[Julien94]

Il y a quelque chose qui bug, sur certains articles, il est écrit que Votre navigateur n'est pas compatible avec Google Maps v3. Ce bug, je l'ai vu sur la D1 (94) seulement...

[G.E.]

On parle de ce problème juste avant, regarde bien...

De même, l'aperçu avant publication ne fonctionne pas encore.

Sinon, je vois que tu commences à prendre le coup pour convertir les cartes. Sois bien attentif, tu dois encore améliorer le cadrage en reprenant ce qui existe dans l'ancienne version de chaque carte.