Discussion :

[NoSmoking]

Je partage un petit outil, simple d�utilisation, r�alis� � l'occasion de la sortie du confinement li� au COVID-19.

Rappel :

A partir du 11 mai 2020 il est donc possible de sortir librement dans la rue sans attestation et ce dans la limite de 100 km autour de sa r�sidence.

Cette limitation est d�termin�e, non pas par la distance parcourue, mais par la distance � � vol d�oiseau �.

Aper�u du rendu :

Pour info :

Le code utilise la biblioth�que Leaflet.

100 kilom�tres � pied, �a use, �a use, 100 kilom�tres � pied, �a use les souliers .

Important : Aucune donn�e n'est enregistr�e ou transmise, � on est pas des quand m�me ! �

Voir en ligne :

100km around

[Doksuri]

j'ai du regarder le code pour trouver comment bouger la position

instinctivement, le double click/tap c'est pour zoomer, pas deplacer un pin

ps : t'as 2 fois
// c'est parti
LCarte.main();

[NoSmoking]

Merci pour tes retours.

j'ai du regarder le code pour trouver comment bouger la position

Je suis surpris que tu n'ai pas eu la curiosit�, avant d'aller voir le code, de cliquer sur l'ic�ne info dans la barre en haut � droite.
Il y a mati�re � dire concernant l'ergonomie sur les cartes mais unanimement concernant le d�placement d'un marqueur il faut cliquer sur celui-ci pour voir si il est d�pla�able ou non.

instinctivement, le double click/tap c'est pour zoomer, pas deplacer un pin

Concernant le zoom/d�-zooom d'une carte les m�thodes sur PC et smartphone, double clic, mousewhell, pincement/�tirement au contact ou autre ic�nes d�di�es, sont nombreuses.
Si l'on veut ajouter rapidement un marqueur sur la carte, traditionnellement clic droit puis contexte menu ne fonctionne pas sur smartphone donc, l'utilisation/d�tournement du double clic est un pis-aller d'autant que des ic�nes de recentrage et de repositionnement sont pr�sentent dans la barre sup�rieure.

ps : t'as 2 fois
// c'est parti
LCarte.main();

Tout � fait une incompl�te s�lection avant la recopie du code finalis�, c'est corrig�

---

� Je rajoute ici les infos compl�mentaires une fois le premier affichage r�alis� :

	Double cliquez sur la carte pour afficher le cercle � une autre position ; D�placez le marker pour afficher le cercle � une autre position ; Cliquez sur l'ic�ne pour recenter la carte sur le marker ; Cliquez sur l'ic�ne pour mettre � jour la position du marker.

[Doksuri]

Je suis surpris que tu n'ai pas eu la curiosit�, avant d'aller voir le code, de cliquer sur l'ic�ne info dans la barre en haut � droite.

j'ai honte.. je pensais que c'etait un bouton d'information sur le site, pour dire "j'utilise leaflet, blabla", je ne pensais pas que ca faisait office de bouton "d'aide", du coup, j'ai pas clique

[NoSmoking]

Suite � la nouvelle situation sanitaire li�e � la COVID-19, j�ai mis � jour l�outil pour prendre �galement en compte une distance � vol d�oiseau de 1 km.

Les deux distances sont d�sormais s�lectionnables, les autres fonctionnalit�s restent les m�mes.

Aper�u du nouveau rendu :

Nouvelle version en ligne :

1-100km around

Pr�servez-vous bien !

[Stellar7]

Bonjour !

Je pense qu'il faudrait aussi ajouter les "20 km", d'apr�s ce qui a �t� dit hier. Voire m�me, soyons fou, un petit input pour pr�ciser le nombre de kilom�tres� (promis, je ne demande rien d'autre).

Encore bravo pour ce programme !

[NoSmoking]

Je pense qu'il faudrait aussi ajouter les "20 km", d'apr�s ce qui a �t� dit hier.

Tout � fait, c'�tait pr�vu et maintenant fait

un petit input pour pr�ciser le nombre de kilom�tres�

Pourquoi pas ...

Encore bravo pour ce programme !

Mise � jour :

� compter du 28 novembre et jusqu'au 15 d�cembre 2020, les d�placements seront autoris�s dans un rayon de 20 km autour de chez soi et dans une limite de 3 heures. L'attestation reste obligatoire.

Aper�u du nouveau rendu :

Version en ligne :

1-20-100km around

Sportez et pr�servez-vous bien !

[mathieu]

puisqu'on a droit de proposer des fonctionnalit�s, je me lance

�a serait bien de passer les param�tres dans l'URL comme �a il suffirait de le mettre dans le marque page pour acc�der directement � la carte :
1-20-100km.html?lat=40.25&lon=3.21&d=20

si �a peut te faire gagner du temps, voil� ce que j'utilise pour lire les param�tres

Code JavaScript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
let GET = new URLSearchParams(location.search);
let latitude = GET.get("lat");

[Doksuri]

ou alors un cursor min = 1Km, max 100km

[NoSmoking]

�a serait bien de passer les param�tres dans l'URL comme �a il suffirait de le mettre dans le marque page pour acc�der directement � la carte :
1-20-100km.html?lat=40.25&lon=3.21&r=20

Cela avait �t� initialement envisag�, mais non retenu, donc la modification est faite et disponible, de plus le rayon, et non le diam�tre, si nouveau, est ajout� au <select>.

• Lien pour test : https://nosmoking.developpez.com/dem...=5.5335&r=2.75

si �a peut te faire gagner du temps,

Merci mais cela devait �tre compatible IE11.

ou alors un cursor min = 1Km, max 100km

Tu as un budget pour cela , non je plaisante, de plus on s��loigne de l�objectif initial, un truc simple et rapide mais l�id�e reste int�ressante et peut-�tre qu�� l�occasion je me pencherais dessus.


[Edit] mise � jour du lien pour test.

[NoSmoking]

Bon aller finalement ...
... ajout d'un curseur et d'un � permanent link �

Nouvelle barre d'ent�te :

Info utilisation :

Version en ligne :

1 � 100km around