[En Cours]Leaflet

[Dominique]

Suite aux indications de Léo, que je ne remercierai jamais assez, je me suis intéressé à Leaflet (il n'y a que les imbéciles qui ne changent pas d'avis )
Et, quitte à faire des bêtises sur OpenLayers (développer tout un tas de fonctions perso), j'ai recommencé les mêmes sur Leaflet.
Le résultat: une librairie à peine plus légère qu'OL (620ko ->242) et qui fait strictement la même chose
Enfin, l'avantage, c'est que ça fait la même chose qu'avant. Y a t'il un plus de le faire avec Leaflet plutôt qu'OL ? votre avis m'intéresse.
Toujours est il que le résultat (il manque encore quelques détails) se voit ici: http://dom.refuges.info
Les sources sont ici: https://github.com/Dominique92/Leaflet-MultiMaps (en attendant de merger avec la prod WRI)
Des tests approfondis et votre avis me seraient précieux.

[sly]

Y a t'il un plus de le faire avec Leaflet plutôt qu'OL ? votre avis m'intéresse.

Vu comme tu as vendu le truc : "ça fait pareil, c'est pareil et le résultat est le même" j'avoue que je me demandes à quoi bon y avoir passé du temps ;-)

Mais je parle pour ne rien dire, j'ignore ce que permet OL et j'ignore tout autant ce que permet leaflet.

Mais tant que le résultat et le même, j'ai pas d'objections

[Dominique]

Pour être honette, je cherchais une meilleure compatibilité avec les mobiles. On a le zoom a 2 doigts en plus, mais c'est cher payé.
Le logiciel est aussi plus rapide, plus stable et un peu plus petit en taille...
Enfin, peut être une bonne base pour développer l'appli de Léo ?
À suivre.

[leosw]

Je comprends maintenant comment tu fais . Je ne fait pas pareil.

Moi je prends leaflet compilé, les plugins compilés, et j'inclus tout à la suite. Et effectivement c'est plus rapide avec leaflet pour cette méthode.

Si en effet tu souhaite compiler un seul fichier js avec tout le code, tu t'y prends comme il faut je pense. Mais j'avoue ne pas être un expert.

Pour les tooltips j'aurais gardé le thème par défaut en les affichant au survol et non au clic. Ça fait plus "moderne" je trouve.

Après effectivement si c'est plus long à maintenir, aucune raison de basculer, j'en reviens juste à redire que les projets que je connais sont tous passés de OL à leaflet. Pour des raisons que je ne connais pas forcément.

Léo

[Dominique]

Si en effet tu souhaite compiler un seul fichier js avec tout le code, tu t'y prends comme il faut je pense. Mais j'avoue ne pas être un expert.

Le but est de minimiser le nombre de fichiers css & js à charger.

Pour les tooltips j'aurais gardé le thème par défaut en les affichant au survol et non au clic. Ça fait plus "moderne" je trouve.

1/ C'est peut être une question de génération Moi, je trouve le jaune plus gai que le gris "moderne".
2/ Le tooltip "moderne" est plus gros, donc pas très facile à caser sur les toutes petites cartes des pages de points.
J'ai mis le style "moderne" pour avis et choix final.

Après effectivement si c'est plus long à maintenir, aucune raison de basculer

Je pense qu'au contraire, Leaflet est plus facile à maintenir. En tout cas j'ai eu moins de galères que sur Leaflet.

Il y a un inconvénient actuellement: je n'ai pas trouvé d'éditeur de contour multi-polygonal sur Leaflet. Il faudra dans un premier temps garder OL uniquement pour ça.

Donc, je résume:

- Taille de la lib: avantage Leaflet
- Performances: avantage Leaflet (je trouve plus rapide à l'affichage et réactions)
- Maintenance: avantage Leaflet
- Zoom à 2 doigts sur smartphone: avantage Leaflet
- Portage dans l'appli Firefox: avantage Leaflet
- Editeur de massifs: avantage OpenLayers

En fait, il faudrait comparer avec OL V2.13 ou OL V3 mais il faudrait faire le même portage...

[leosw]

Il y a un inconvénient actuellement: je n'ai pas trouvé d'éditeur de contour multi-polygonal sur Leaflet. Il faudra dans un premier temps garder OL uniquement pour ça.

Je crois comprendre ce que tu veux, une appli a été faite avec leaflet et sers à ça, à voir s'ils ont développé un plugin spécial : http://umap.openstreetmap.fr/fr/

En fait, il faudrait comparer avec OL V2.13 ou OL V3 mais il faudrait faire le même portage...

En tant que flemmard exceptionnel, je vais directement sur IRC pour demander aux développeurs ou utilisateurs pour avoir leur impression, ils me redirigent vers la librairie la plus adaptée.

2/ Le tooltip "moderne" est plus gros, donc pas très facile à caser sur les toutes petites cartes des pages de points.

Je parlais du tooltip centré par défaut qui permet d'afficher tout le texte (cf. appli mobile encore ). Un plugin nommé rrose permet quand le tooltip se trouve sur les bords de la carte de le placer vers l'intérieur pour être visible (utilisé sur l'appli aussi)

Léo

[Dominique]

Il y a un inconvénient actuellement: je n'ai pas trouvé d'éditeur de contour multi-polygonal sur Leaflet. Il faudra dans un premier temps garder OL uniquement pour ça.

Je crois comprendre ce que tu veux, une appli a été faite avec leaflet et sers à ça, à voir s'ils ont développé un plugin spécial : http://umap.openstreetmap.fr/fr/

Génial. Je regarde comment c'est fait. J'avais pas trouvé ça.

En fait, il faudrait comparer avec OL V2.13 ou OL V3 mais il faudrait faire le même portage...

En tant que flemmard exceptionnel, je vais directement sur IRC pour demander aux développeurs ou utilisateurs pour avoir leur impression, ils me redirigent vers la librairie la plus adaptée.

Le roi des flemmards, c'est moi, puisque je me contente de suivre tes pas
Bon, tout le monde converge vers Leaflet et j'avoue aussi que c'est très bien.

2/ Le tooltip "moderne" est plus gros, donc pas très facile à caser sur les toutes petites cartes des pages de points.

Je parlais du tooltip centré par défaut qui permet d'afficher tout le texte (cf. appli mobile encore ). Un plugin nommé rrose permet quand le tooltip se trouve sur les bords de la carte de le placer vers l'intérieur pour être visible (utilisé sur l'appli aussi)

Quel couillon de la lune je fais j'ai bien vu rrose dans ton appli mais je n'ai pas penser à ouvrir un popup sur mouseover.
Je regarde ce que ça donne (quoi qu'ils sont gros aussi, les popups de rrose !)

Merci encore.

[Dominique]

2/ Le tooltip "moderne" est plus gros, donc pas très facile à caser sur les toutes petites cartes des pages de points.

Je parlais du tooltip centré par défaut qui permet d'afficher tout le texte (cf. appli mobile encore ). Un plugin nommé rrose permet quand le tooltip se trouve sur les bords de la carte de le placer vers l'intérieur pour être visible (utilisé sur l'appli aussi)

Voilà qui est fait dans http://dom.refuges.info
Mais avec un gros effet de bord sur la carte des massifs, comme il y a des massifs partout... ça glisse jusqu'à ce qu'il n'y en ai plus
ça passe un peu mieux dans la page des points, si les points ne sont pas trop serrés.

Note: pas besoin de rrose pour ça- la classe native L.Popup fait ça très bien d'origine.

[leosw]

Note: pas besoin de rrose pour ça- la classe native L.Popup fait ça très bien d'origine.

Rrose permet juste de résoudre le problème que tu as en orientant la popup lorsqu’elle impose un déplacement de carte (la popup sera à l'intérieur)

Exemples ici : http://erictheise.github.io/rrose/

carte n°2 le problème actuel
carte n°4 la solution

Léo

[Dominique]

carte n°4 la solution

Impec. Merci
Je ne sais pas pourquoi, mais j'avais une mauvaise impression de rrose (probablement parce que c'est un des premiers plugins que j'ai essayé et que je n'étais pas assez expérimenté sur Leaflet).

J'ai poussé sur le master le passage en Leaflet des cartes accueil, point et modif de point pour lesquelles elle semble bien fonctionner. Le résultat est visible ici: http://dom.refuges.info/leaflet/
J'ai quelques problèmes de tapotage sur les massifs & icônes en mobile, mais OL en a aussi. A travailler.
Je vais attendre un peu pour basculer la carte nav car elle a beaucoup de fonctions et dépendances et que je n'ai pas tout réinterfacé. Et j'aimerais un peu plus de retour sur les premières cartes Leaflet.

Je n'ai pas mis en prod, pour les mêmes raisons que précédemment, en attente d'un autre paquet de modifs (peut être la présentation "responsive design" ?).
Mais, sauf gros bug à trouver sur dom.ri, le commit est stable et peut être pullé.

[leosw]

Moi je trouve le style de la carte sur la page d'accueil plus moderne comme ça

Mais je suis bien sur sans partis pris dans ce débat

Léo

P.S. Pas de problème particulier (pas pu essayer la modif de point car pas de forum (et pas de connexion) sur ton instance)

[Dominique]

Moi je trouve le style de la carte sur la page d'accueil plus moderne comme ça

Moi aussi, en fin de compte, je trouve ça plus joli que les surlignages OpenLayers

pas pu essayer la modif de point car pas de forum (et pas de connexion) sur ton instance

Si: il y a un petit bug: une fois que tu es connecté, le forum te ramène sur dev.r.i (qui n'existe plus). Mais si tu insistes un peu et que tu reviens sur dom.r.i, tu seras bien connecté (à moins que tu n'étais pas déclaré quand on à débranché la base de test ?

***EDIT*** Il y a bien un bug de déracinage sur le forum

[Dominique]

Il y a bien un bug de déracinage sur le forum

Corrigé.

Une fois que tu es connecté, le forum te ramène sur dev.r.i (qui n'existe plus). Mais si tu insistes un peu et que tu reviens sur dom.r.i, tu seras bien connecté

[leosw]

Ok,

Petit bug dans le déracinage quand on clique sur le formulaire d'ajout de point, le formulaire semble avoir un lien en absolu vers la racine.

Léo

[Dominique]

Ok,

Petit bug dans le déracinage quand on clique sur le formulaire d'ajout de point, le formulaire semble avoir un lien en absolu vers la racine.

Léo

Bien vu. Merci. (il y en avait 3 autres sur les actions=/...")

Note: Je considère que l'état du GIT master est stable et peut être mis en prod sans préavis.
Comme il ne présente pas d'évolution majeure vue de l'utilisateur, je ne le fais pas maintenant.