IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Contribuez Discussion :

Rayon de 1 à 100 km autour d'un point


Sujet :

Contribuez

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut Rayon de 1 à 100 km autour d'un point

    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 :

    Nom : 100-km.png
Affichages : 748
Taille : 434,3 Ko


    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 :


  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 495
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 495
    Par défaut
    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();
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    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 Nom : --reduce.png
Affichages : 612
Taille : 631 octets pour recenter la carte sur le marker ;
    • Cliquez sur l'icône Nom : --target.png
Affichages : 623
Taille : 644 octets pour mettre à jour la position du marker.

  4. #4
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 495
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 495
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    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
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut Mise à jour
    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 :

    Nom : 1-100-0km.png
Affichages : 553
Taille : 236,3 Ko

    Nouvelle version en ligne :



    Préservez-vous bien !

  6. #6
    Membre chevronné
    Homme Profil pro
    web a11y
    Inscrit en
    Avril 2014
    Messages
    191
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : web a11y
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2014
    Messages : 191
    Par défaut
    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 !

Discussions similaires

  1. Réponses: 0
    Dernier message: 19/11/2010, 11h37
  2. Réponses: 7
    Dernier message: 28/06/2007, 08h26
  3. obtenir 100 lignes autour d'une valeur cible
    Par PickEpique dans le forum Langage SQL
    Réponses: 7
    Dernier message: 19/03/2007, 20h33
  4. Comment tourner une image autour d'un point
    Par abdeleln dans le forum Images
    Réponses: 5
    Dernier message: 29/01/2007, 20h58
  5. Rotation autour d'un point
    Par Webhellfire dans le forum OpenGL
    Réponses: 1
    Dernier message: 10/01/2006, 18h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo