Retrouvez cette formation dans le bundle :
Formation Leaflet : Apprenez à créer des cartes interactives de qualité professionnelle
-62% de réduction
Pour ce 5ème volet dédié à l'apprentissage de l'utilisation de la librairie Leaflet, nous allons apprendre à dessiner des figures géomètriques sur une carte OpenStreetMap.
Nous apprendrons comment dessiner :
- un cercle,
- un carré,
- un rectangle
- un polygone de plusieurs côtés,
- des formes plus complexes.
Grâce à cette nouvelle connaissance, nous serons en mesure de pouvoir clairement dessiner les contours d'un département ou bien d'une région sur notre carte.
Si vous n'avez pas suivi le premier épisode de cette collection de cours sur Leaflet, alors je vous recommande d'en découvrir les bases.
Afin de suivre ce cours dans de bonnes conditions, il est préférable de connaître :
Afin de suivre ce cours dans de bonnes conditions, il est préférable de connaître :
Table des matières de cette formation JavaScript (durée : 59m31s)
-
Dessiner des figures géométriques sur une carte
- Apprendre à dessiner un cercle 00:14:27
- Apprendre à dessiner un triangle 00:07:44
- Apprendre à dessiner un rectangle 00:03:15
- Apprendre à dessiner un polygone 00:03:20
-
Installer des fichiers geojson
- Récupérer des fichiers geojson 00:02:56
- Afficher la carte sur une page web 00:06:39
- Télécharger le fichier geoJson qui nous intéresse 00:02:57
- Ecouter le chargement de la page 00:08:53
- Interpréter un fichier geoJSON 00:07:38
-
Pour la prochaine fois
- Pour la prochaine fois 00:01:42
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Ça marche sans problème avec un geojson "multiple" (tous les cantons suisses, en l'occurence). J'ambitionnais de pouvoir changer de canton (de polygone) en promenant la souris... peut-être en adaptant la suite (menu déroulant -> choix du polygone). Bien du plaisir en perspective!
-
Que contient le fichier source ?Le code source de ce tuto
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissé