Vous aimez les cartes, essayez le Leaflet Maps Plugin


#21

Bonjour @sycom
En suivant ton dernier lien sur le fil du plugin Google Analytics, j’ai vu qu’il y avait de la couleur sur la carte pour les marqueurs (je n’avais pas remarqué avant !).

Mais en appliquant un champ couleur sur ma carte de test, j’ai vu que d’autres tiddlers prenaient aussi la couleur sans que je le demande. Par exemple sur les 4 marqueurs oranges, il n’y a que 2 tiddlers avec la couleur :

Le gris c’est un dernier que j’ai mis. Dans la session, si je rajoute des points, les nouveaux seront gris également. Au rechargement complet de TiddlyWiki, ils seront de nouveau bleus (sauf les 2 intrus orange). Encore que certains points deviennent gris maintenant :sweat_smile:

Chez toi aussi, par exemple Michel Strogoff I-13 est rouge, alors que la couleur n’est pas spécifiée (effet de bord avec le polygone ?)

Peut-être qu’il faut alors spécifier une couleur spécifique pour fixer ce côté aléatoire ?


#22

Bonjour @sylvain,

et bien bravo je pense que c’est un bug :slight_smile: : normalement, la couleur fonctionne comme ça :

  • par défaut, les objets ont la couleur de base du wiki <<colour primary>> ou, si celle ci est définie par une autre couleur, le “bleu tiddlywiki” classique
  • si un tiddler a une couleur définie elle l’emporte sur cette couleur par défaut
  • et si <leafmap embarque un paramètre couleur, il l’emporte sur le tout…

Manifestement, j’ai dû aller un peu vite et mon code ne respecte pas bien la règle. Il doit embarquer la couleur d’une création de point à la suivante. Je travaille actuellement sur les clusters “individuels” et donc sur la couleur donc je pourrais peut-être régler le problème pour la prochaine version. En attendant essaye d’ajouter un paramètre color à ton widget, ça fera peut-être quelque chose…


#23

@Sylvain,

la nouvelle version 0.7.4 est sortie et disponible à l’adresse habituelle. Elle permet la clusterisation “par tiddler” et doit également régler le bug #16 que tu avais découvert (j’espère).

Elle embarque aussi en exemple une version mise à jour de la carte de tiddlywikifr. A noter que je me suis contenté de rapatrier le geojson de ta umap et que j’ai à peine modifié mes données. Le geojson est disponible sur le repo du code source du plugin.

à bientôt,

Sylvain
@sycom


#24

Bonsoir et merci Sylvain !

J’ai mis un petit peu de temps avant de comprendre pourquoi je ne voyais pas la correction ! :neutral_face:
Car au début après la mise à jour, ça ne fonctionnait toujours pas ! J’avais même le droit à d’autres couleurs…

Bref, lorsque l’on a corrigé manuellement la précédente ano, la mise à jour n’avait pas écrasée cette modif du tiddler shadows. Je l’ai supprimé pour qu’il prenne sa valeur par défaut, et c’est à présent ok :blush:


#25

Hello,

pour ceux que ça intéresse, la version 0.8.0 est en ligne. Avec 3 types de marqueurs possibles et pour les plus courageux, la possibilité de dessiner les siens et de les ajouter. Si vous en repérez qui vous plaisent dites-le, je ferai de mon mieux pour les intégrer dans une version ultérieure.

@Sylvain, j’ai l’impression qu’il y a beaucoup plus de points dans ta carte que dans les données de la carte Umap que j’ai récupérées… Je suis preneur d’un json à jour si tu as…

Sylvain
@sycom


#26

Bonsoir Sylvain,

J’ai 20 points sur la carte, tout comme toi, donc non pour moi c’est tout bon :slight_smile:

Sinon petite question pour les marqueurs (merci pour cette mise à jour !) pense-tu qu’à l’image de la couleur, on puisse le définir par tiddler ?
Idéalement on pourrait gérer FontAwesome comme le fait TiddlyMap :sunglasses:
Ah Noël est déjà passé…


#27

Hello,

au temps pour moi, j’ai dû être enduit avec de l’erreur par l’image de la carte que tu as postée plus haut et qui ne doit pas concerner la même chose, parce que les 20 points, tu les as juste sur la Nouvelle Aquitaine…

Papa Noël prend bonne note de la liste :gift:. On peut rêver d’une livraison au moins partielle avant noël 2017, mais je risque de manquer de lutins :wink:

  • pour les marqueurs par tiddler, ça fait partie du plan, même si l’issue n’était pas créée jusque là. Donc il suffit juste de patienter.
  • pour font-awesome, c’est un peu plus sioux pour plusieurs raisons
    • il faut que j’arrive à faire fonctionner un truc avec ou sans font-awesome installer, donc il va falloir que je potasse un peu le (très long) code de TiddlyMap. Bref c’est pas une sinécure.
    • contrairement à TiddlyMap, la question de l’ancrage est cruciale pour les marqueurs des cartes. Or les icônes font-awesome ne sont pas très bien normées. Ça exclu quasiment la possibilité d’utiliser directement les icônes FA comme marqueur, même avec une tige. Par contre, je dois pouvoir superposer un marqueur et une icone.

Du coup, je pense que ça viendra après la possibilité d’utiliser les tags ou les fields pour catégoriser les tiddlers et les représenter sur la carte. D’abord avec la couleur, puis éventuellement avec une lettre ou un chiffre et enfin avec une icone…
La patience, toujours la patience. Mais sinon, il ne faut pas hésiter à forker :computer: il y a pas mal de documentation dans mon code pour ne pas être perdu…


#28

Bonjour,
Où pourrais-je trouver le code pour réduire la taille des icones de clusters? Comme tu peux voir, lorsque je commence à mettre un certain nombre de points, ça devient illisible. J’aimerais aussi réduire la sensibilité du cluster pour qu’ils ne se réunissent oas à moins d’être vraiment collés ou carrément superposés.

Autre chose: Le pop-up lorsque l’on clique sur un point est pas si mal au final mais ou pourrais-je trouver le code determinant son contenu? J’ai envie d’afficher l’image du champ “picture” sous le titre.


#29

Hello,

il y a bien un paramètre pour la distance de clusterisation : cluster. Sa valeur par défaut est de 80 (pixels) que tu peux modifier. Fais différents essais pour voir. Cela dit, je suis assez surpris de voir le résultat que tu obtiens et je me demande si il n’y a pas un bug parce que on ne devrait pas obtenir ça si on n’a pas touché à la valeur de cluster. Difficile à dire à partir seulement d’une image.

Tu peux aussi aller bricoler le code du Mapwidget ($:/plugins/sycom/leaflet/mapWidget.tid). Pense à faire une sauvegarde de ton wiki avant, on a vite fait de tout péter en bricolant ce code. La taille des clusters se situe après

// if clusterRadius null or clustering by tiddler, no whole clustering

et il faudra venir corriger à chaque fois qu’il y aura une mise à jour du plugin…

Pour l’image, la popup effectue le rendu des 420 premiers caractères du tiddler concerné. Donc si tu places une image dans ces premiers caractères, elle devrait apparaître. Dans ton cas un <img src={{!!picture}}/> devrait produire le résultat escompté. Cela dit, tu vas devoir intégrer ce bout de code dans chaque tiddler…

L’autre solution est de bricoler directement le code du Mapwidget en récupérant la valeur de ton champ avec un truc du genre if (flds.picture) { .... Ça se passe après la ligne

// create popup with tiddler content for all non-geojson data (subFeat)

même remarque que tout à l’heure sur les mises à jour futures

espérant que ça t’aide, bien à toi

Sylvain
@sycom


#30

Bonjour @Aknar

normalement, la version 0.8.3 qui vient de sortir doit régler ce bug.

à bientôt

Sylvain
@sycom


#31

Bonjour,

En faite pour le comportement curieux de clusterisation, j’avais simplement oublié que j’avais modifié le chiffre dans le code <$leafmap tile=‘positron’ height=‘500px’ cluster=‘5’ places=’{“filter”:"[all[]tag[$:/timeline]]"} '/>. Je voulais réduire les clusters mais également la taille des icones de maniere drastique. Pour le second j’ai donc bidouillé dans mapWidget.tid mais sans sucess.

Pour afficher l’image dans le popup voila ou j’en suis:
Ceci n’affiche que l’adresse html:
popup = "<h4><a href=\"#" + encodeURIComponent(flds.title) + "\">" + flds.title + "</a></h4>" + flds.picture;
Et ceci me fait une erreur fatale mais je dois avouer que çé ne m’étonne. Je suis en train de raisonner dans un autre language n’est-ce pas?
popup = "<h4><a href=\"#" + encodeURIComponent(flds.title) + "\">" + flds.title + "</a></h4>" + <img src="flds.picture"/>;


#32

Hello,

Pour réduire la taille des icônes, cela veut-il dire que tu veux des points encore plus petits que ceux que je vois sur ton extrait? Ça devient difficile à utiliser si c’est trop petit. Pour le faire, as-tu consulté la doc pour créer tes propres icones? Tu dois pouvoir faire des markers de quelques pixels à peine si tu es sûr de ton coup…

La 0.8.3 doit régler les éventuels problèmes de clusters. Il faudra peut-être jouer sur le paramètre cluster avec de tous petits markers.

Pour l’image,

  • je continue à penser que la solution consistant à modifier les tiddlers en ajoutant <img src={{!!picture}}/> est la plus robuste, car elle résistera aux futures mises à jour du plugin.
  • Mais si tu as vraiment envie de jouer avec le code, je pense que tu y étais presque, il y a un peu de confustion avec les + et " dans ton bazar :
    popup = "<h4><a href=\"#" + encodeURIComponent(flds.title) + "\">" + flds.title + "</a></h4><img src=\"" + flds.picture + "\"/>"; devrait fonctionner si l’image est extérieure au wiki, sinon, je ne sais pas trop. Mais dans tous les cas il faudra que tu ailles bricoler ça à chaque mise à jour…

Tu me diras,

Sylvain
@sycom


#33

Bonjour,

J’ai trouvé les paramètres permettant de modifier la taille et j’ai changé le parametre de cluster pour obtenir ceci:
Avec une police de 10, les nombres restent tout a fait lisible.

Je suis conscient que je vais devoir remodifier tout ces parametres a chaque mise à jour donc deux ou trois de plus ne feront pas la diffèrence. Comme je travaille avec une base de donnée, devoir rajouter du code dedans ne me parait pas etre une solution convenable. Je souhaitait également cacher le texte de ce popup donc alterer le code était inévitable.

Grace à tes corrections au code, l’image s’affiche mais elle est tres grande. Cela fait plusieurs dizaines de tentatives que j’essaye d’intégrer un parametre “height” a ce code mais sans sucess…


#34

Bonsoir @sycom, c’est peut-être un bug isolé, mais lorsque j’ai mis à jour avec la version 0.8.3, je me retrouve avec mon TW d’exemple avec une erreur javascript qui bloque FF :

Si je cible un autre tiddler que celui chargé par défaut avec la carte, j’arrive à retrouver la main, pour ensuite désactiver le plugin. J’ai tenté de le désinstaller et le réinstaller sans succès.


#35

Bonjour,

@sylvain j’ai rencontré ça lorsque je charge de gros geojson de plusieurs milliers de points. Normalement, avec continuer, il finit par réussir un rendu de la carte. Je n’ai pas trouvé de solution à ça pour l’instant. On touche peut-être aux limites du duo tiddlywiki / leaflet (ou à mes limites de dev, ce qui est plus probable ;-).

Mais si tu n’es pas dans le cas où tu charges un gros fichiers, c’est que c’est autre chose (donc plutôt mes limites). C’est difficile à dire à partir du message en question et il y a beaucoup de sources possibles. Si tu arrives à m’en dire plus je prend et j’en ferai un bug…

@aknar tu génères tes tiddlers à partir d’une base de données? ça m’intéresse. Tu nous ferais pas un post pour nous expliquer ça… En voyant ton usage des clusters, je me dis que ça vaut une option pour revenir à la forme de clusters par défaut (cf. page du plugin leaflet). Je vais y songer.

pour la taille de ton image, ça doit marcher en utilisant un paramètre width="100%". Mais comme tu es dans une phrase javascript les guillemets doubles risquent de faire sauter la phrase donc il faut les précéder d’un\.
essaye
popup = "<h4><a href=\"#" + encodeURIComponent(flds.title) + "\">" + flds.title + "</a></h4><img src=\"" + flds.picture + "\" width=\"100%\"/>";

à bientôt,

Sylvain
@sycom


#36

Bonjour,
Merci pour ton aide. ça marche très bien.
Je vais publier un message dans les prochains jours lorsque j’aurais un peu de temps pour expliquer le fonctionnement de la base de donnée collaboratif que je suis en train de créer. Et bien sûr je partagerais le système lorsque j’aurais achevé son développement pour que tout le monde puisse en profiter. J’ai prévu son déploiement pour dans quelque mois.


#37

Hello ! J’ai remis quelques points hier sur ma carte que j’avais un peu abandonnée, et donc le cluster à 0 ou vide me plante toujours.
Et ce matin, j’ai essayé par curiosité de mettre 0,1, et ça me permet de ne plus avoir de cluster :+1:

Donc pour l’instant je vais rester comme ça :yum:


#38

Salut,

c’est mon pincement au coeur depuis un moment de ne pas avoir du tout de temps à consacrer à la mise à jour de ce plugin… Au passage, note que cluster="no" fonctionne aussi… Même si je ne comprends pas exactement pourquoi vu que je n’ai plus qu’un vague souvenir de l’ensemble du code, c’est peut-être plus “élégant”.

merci pour ce retour en tout cas. Il faut qu’on fasse de la retape pour convaincre l’est de la France d’utiliser aussi le forum :wink:


#39

Ma capture c’est pas les utilisateurs du forum :yum: Nous ne sommes pas aussi nombre :sweat_smile: