Source de l'image : https://leafletjs.com/examples.html
"}],[{"text":"Après avoir regardé les deux vidéos ci-dessous, rédigez un texte de quelques lignes sur le principe du fonctionnement du GPS et de Galileo."},{"edit":"
Ecrire ici votre texte.
Le temps mis par le signal envoyé par un satellite Galiléo et reçu par un récepteur est de 76,7ms.
Calculer la distance entre le récepteur et le satellite.
Rappel ; La vitesse de la lumière est de 3.10^8 m/s ou 300000000m/s
","title":"Exercice : calcul de distance"},{"code":"v = 300000000
print(v)
Vous allez utiliser la librairie leaflet et saisir le programme ci-dessous.
Copier et exécuter le code
import map
#gestion de la carte
map( 48 , -2.5 )
\t\t
Notez bien que nous avons une véritable carte et pas une simple image (il est possible de zoomer ou de se déplacer).
Faites une copie d’écran de la carte et insérez la dans \"Répondre ici\".
Le programme est simple à comprendre :
La première ligne : « import map » permet d’importer la bibliothèque leaflet afin de pouvoir l’utiliser
La deuxième ligne est le coeur de notre programme, nous créons un objet carte. « map . map( 48 , -2.5 ) génère un objet carte centrée sur le point de latitude « 48 » et de longitude « 2.5 ».
Plus généralement nous avons « map(latitude, longitude , zoom) ». Il suffit donc de renseigner la bonne longitude et la bonne latitude pour que la carte soit centrée sur le point désiré.
import map
#gestion de la carte
map( 48 , -2.5 , 9 )
Modifiez le programme précédent pour qu’il génère une carte centrée sur votre ville (la longitude et la latitude d’une ville sont facilement trouvables sur le web).
Faites une copie d’écran de la carte et insérez la dans \"Répondre ici\".
Répondre ici.
Il est possible d’obtenir un niveau de zoom différent en ajoutant un 3ème paramètre zoom.
map( 48 , -2.5 , 10)
Saisissez et testez le programme ci-dessous
import map
#gestion de la carte
map( 48 , -2.5 ,10)
\t\t
Plus sa valeur sera grande et plus le zoom sera important.
Modifier le programme pour zoomer sur votre ville.
Faites une copie d’écran de la carte et insérez la dans \"Répondre ici\".
Afin de vraiment personnaliser la carte, il est possible d’ajouter des marqueurs sur la carte. Un marqueur sera simplement défini par ses coordonnées (latitude et longitude).
Saisissez et testez le programme ci-dessous
import map
#gestion de la carte
map( 48 , -2.5 )
#ajouter un marqueur
marker( 48 , -2.5 )
\t\t
Nous avons uniquement ajouté la ligne « marker… », il faut juste renseigner les coordonnées souhaitées (ici 48 pour la latitude et -2.5 pour la longitude)
Il est possible d’ajouter plusieurs marqueurs sur une même carte, il suffira d’ajouter autant de ligne « marker(latitude, longitude) » que de marqueurs désirés.
Modifier le programme pour que le marker soit centré sur votre ville.
Faites une copie d’écran de la carte et l'insérer dans \"Répondre ici\".
.
Répondre ici.
Il est possible d’associer une information à un marqueur en ajoutant un 3ème paramètre.
marker( 48 , -2.5, \"mon information\" )
Saisissez et testez le programme ci-dessous
#gestion de la carte
map( 48.278642, -3.551123,16 )
#localiser un point
map.click()
","title":"Les marqueurs"},{"code":"#ajouter un marqueur
marker( 48.278642, -3.551123 ,\"Lycée Sérusier\")
\t\t
Il suffit de cliquer sur le marqueur pour que l’information définie par le 3ème paramètre « popup » apparaisse à l’écran (ici en cliquant sur le marqueur nous verrons donc apparaitre « Lycée Sérusier »).
L'instruction map.click(), détermine votre position sur la carte.
Modifier le programme pour que le marqueur soit centré et indique le nom de votre ville.
Faites une copie d’écran de la carte et l'insérer dans \"Répondre ici\".
import map
#gestion de la carte
map( 48.278642, -3.551123,16 )
#gestion de la carte
map( 48.278642, -3.551123,16 )
#localiser un clique
map.click()
#ajouter un marqueur
marker( 48.278642, -3.551123 ,\"Lycée Sérusier\")
.
Répondre ici.
Maintenant que vous savez utiliser leaflet. Vous allez créer une carte de votre ville qui indiquera (marqueur) les positions suivantes :
- La mairie:
- L'église;
- L'école;
- La boulangerie;
- Votre domicile.
\t
Réaliser le programme.
Remarque ; L'instruction map.click() permet d'afficher la latitude et la longitude du point cliqué sur la carte..
Faites une copie d’écran de la carte et l'insérer dans \"Répondre ici\".
.
Répondre ici.
Sources :