Mviewer

Modules de la formation

Technologies utilisées

HTML, CSS, JavaScript

Publications

Gaëtan BRUEL - Agathe ADAM
Octobre 2021

Avant-propos

Le Mviewer est une application cartographique Open Source développée par la Région Bretagne. C’est un outil de consultation web permettant à l’utilisateur d’interagir avec des données. Simple et intuitif, les données géographiques sont accessibles et compréhensibles pour tous.
L’outil mviewer est un portail cartographique côté client basé sur les technologies libres du web (HTML 5, le CSS 3, bibliothèques Javascript…). Compatible avec les standards de l’OGC, il est possible de consommer facilement des services web comme le WMS2 ou le WFS3 disponibles sur les plateformes de partage de données.
Souple et modulaire, le visualiseur peut s’adapter et évoluer en fonction des demandes. Il est possible à partir d’une seule instance de multiplier simplement les applications métiers en créant pour chaque application un fichier de configuration spécifique.

À travers cette formation, vous allez apprendre à créer votre propre application cartographique avec le mviewer en intégrant vos données qu'elles soient en flux WMS ou vectorielles.

Lien utiles

  • Code source du projet et communauté
  • Documentation Mviewer
  • Exemples de configuration
  • Site éditorial

    • Pré-requis

  • Installer un environnement de travail XAMPP
  • Être admin sur son poste
  • HTML, CSS, JavaScript

    • Module 1 - Présentation & prise en main

    Concepts et notions : Présentation de l'outil, environnement, installation, communauté

    Plein écran Télécharger le support

    Lien utiles

  • Documentation mviewer
  • Exemples de configuration
  • Code source du projet

    • Ressources

  • TP1 - Télécharger les ressources du module

    • Module 2 - Le JavaScript dans Mviewer

    Concepts et notions : Présentation du language Javascript, les principes, Jquery, Librairie cartographique OpenLayers

    Plein écran Télécharger le support

    Lien utiles

  • Le language JavaScript
  • La librairie OpenLayers
  • Des exemples OpenLayers

    • Ressources

  • TP2 - Télécharger les ressources du module

    • Module 3 - Représenter les données WMS

    Concepts et notions : Flux WMS, style cartographique SLD, fonctionnalités mviewer

    Plein écran Télécharger le support

    Lien utiles

  • Le standard Styled Layer Descriptor (SLD)
  • Un exemple de configuration mviewer avec un SLD

    • Ressources

  • TP3 - Télécharger les ressources du module

    • Module 5 - Créer et personnaliser ses templates

    Concepts et notions : Interrogation des couches, Fiches d'information, Templates Mustache

    Plein écran Télécharger le support

    Lien utiles

  • Documentation mviewer - Configuration des couches
  • Le projet Mustache
  • Un générateur de couleur
  • Mviewer Templates

    • Ressources

  • TP5 - Télécharger les ressources du module

    • Module 6 - Thèmes Mviewer & CSS

    Concepts et notions : Thème mviewer, language CSS, propriétés de style et feuille de style

    Plein écran Télécharger le support

    Lien utiles

  • Thèmes Mviewer existants
  • Les propriétés CSS

    • Ressources

  • TP6 - Télécharger les ressources du module

    • Module 7 - Plugins & recherche

    Concepts et notions : Extension mviewer, Fuse, recherche des entités

    Plein écran Télécharger le support

    Lien utiles

  • Documentation Mviewer - La recherche
  • Documentation Mviewer - Extension

    • Ressources

  • TP7 - Télécharger les ressources du module