« Leaflet » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
m (Catégorie)
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
{{En construction }}  
{{En construction }}  


==Leaflet===
==Leaflet==
Leaflet est une bibliothèque JavaScript open source permettant d'ajouter des cartes interactives adaptées aux mobiles.
Leaflet est une bibliothèque JavaScript open source permettant d'ajouter des cartes interactives adaptées aux mobiles.
==Version==
La version actuelle de Leaflet est la 1.6.0 du 17 novembre 2019.
==Installation==
Avant de coder la map à proprement parler, il est nécessaire de préparer sa page HTML comme suit:
===Préparation de la page===
* Inclure le fichier CSS Leaflet dans la balise <head> du document
<source lang="CSS">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
  integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
  crossorigin=""/>
</source>
* Inclure le fichier [[JavaScript]] Leaflet après le fichier CSS Leaflet
<source lang="JavaScript">
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
  integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
  crossorigin=""></script>
</source>


==Source==
==Source==
* [https://leafletjs.com/ Leaflet]
* [https://leafletjs.com/ Leaflet]
[[Catégorie:JavaScript]]
[[Catégorie:JavaScript]]

Version du 25 janvier 2020 à 21:14

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



Leaflet

Leaflet est une bibliothèque JavaScript open source permettant d'ajouter des cartes interactives adaptées aux mobiles.

Version

La version actuelle de Leaflet est la 1.6.0 du 17 novembre 2019.

Installation

Avant de coder la map à proprement parler, il est nécessaire de préparer sa page HTML comme suit:

Préparation de la page

  • Inclure le fichier CSS Leaflet dans la balise <head> du document
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
   integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
   crossorigin=""/>
  • Inclure le fichier JavaScript Leaflet après le fichier CSS Leaflet
 <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
   integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
   crossorigin=""></script>


Source