Approche client utilisationopenlayersleaflet 2019 mvd
Mise en place d ? une solution client page web utilisant Lea et OpenLayers Nous utiliserons l ? extension ? qgis web ? https github com tomchadwin qgis web de QGIS ainsi que ses bibliothèques de programmation Javascript OpenLayers http openlayers org et Lea et http lea etjs com pour a ?cher des couches di ?érentes de source di ?érentes L ? extension ? qgis web ? a de nombreuses limitations et ne peut pas faire tout ce que ces deux puissantes bibliothèques peuvent faire mais c ? est un excellent point de départ dans un processus de cartographie en ligne de base à partir duquel vous pourrez personnaliser davantage On verra aussi brièvement comment programmer soi-même directement avec ses librairies Les t? ches dans cette séance sont ? la création de pages web en utilisant l'extension ? qgis web ? en testant l ? exportation OpenLayers ainsi que Lea et ? la compréhension de la logique du système ? l'écriture d'une page HTML simple avec Lea et pour a ?cher des cartes avec fond de plan au choix ? et pour les rapides utiliser Lea et et ou OpenLayers pour accéder à d'autres sources de données exemple WMS IGN Des exemples des pages sont sur le site du stage cafesig ulb ac be Programmation ? Langages de programmation Onglet HTML-CSS Java Script PHP - pour les pages Web dynamiques dans la sous- section Pages HTML exemple Ainsi vous pouvez sauvegarder ces pages exemples sur votre ordinateur et les ouvrir dans un éditeur de texte pour modi ?er certains éléments retirer une couche retirer des contrôles ajouter un autre contrôle changer la zone a ?chée ajouter une autre couche WMS d'un autre serveur etc Pour voir l ? e ?et il su ?t de recharger la carte dans un navigateur Note ? Pour voir le contenu html d ? une page Ctrl-U ou via le menu Développement ? Code source de la page ou encore via un clic droit en dehors de la carte ? Pour éditer un ?chier html il faut faire un clique- droit sur le ?chier - Ouvrir avec une autre application et choisir Editeur de texte C Créer une page web utilisant l'extension 'Qgis web' Cette extension est le successeur de qgis-ol et combine les exportations vers OpenLayers ainsi que Lea et Pour exemples voir ici https anitagraser com quick-webmaps-withqgis web Dans QGIS installer l'extension 'Qgis web' ? Quand vous avez fait un choix de couches et de symbologie utilisez le plugin pour choisir les paramètres et l ? apparence désirée appuyer sur le bouton d ? aperçu de mise à jour et exporter le tout après avoir sélectionner un dossier de votre choix ? Une fois l ? exportation terminée votre navigateur s ? ouvrira directement et a ?chera votre carte web Pour plus de détails référez vous à ce tutoriel en anglais http www qgistutorials com fr docs webmappingwith qgis web html et ou cette vidéo minutes https www youtube com watch v xBdWNT
Documents similaires










-
33
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Aucune attribution requise- Détails
- Publié le Sep 13, 2021
- Catégorie Geography / Geogra...
- Langue French
- Taille du fichier 44.7kB