Introduction à Leaflet, API utilisée pour le webmapping

Sur Geomatick, on a jusqu’ici utilisé l’API d’OpenLayers pour la réalisation de cartographies dynamiques sur internet. L’autre API très utilisée en webmapping est Leaflet. Cette dernière se compose d’un fichier de style CSS et d’un fichier JavaScript où l’on retrouve les classes et méthodes détaillées dans une documentation claire. L’objectif… Continuer à lire

Conditions météorologiques en temps réel localisées et chargées dans une info-bulle

Dans ce tutoriel de webmapping, on montre comment ajouter un graphique dynamique en un point donné sur une cartographie. L’idée est de mettre en évidence en temps réel un jeu de données associé à une localisation géographique. Pour cela, on peut séparer cette présentation en deux étapes : la (1)… Continuer à lire

Webmapping : affichage des informations géographiques d’un fichier GeoJSON dans une fenêtre modale

Le script du jour a pour objet l’affichage des valeurs attributaires des objets géographiques dans une fenêtre modale. Deux nouveautés sont à noter par rapport à l’article sur l’obtention des données d’un vecteur avec Openlayers : le chargement d’un fichier GeoJSON sur la carte avec Openlayers (v 4.01); l’affichage des… Continuer à lire

Openlayers : zoom sur la géolocalisation

Le script du jour a pour objectif de géolocaliser le visiteur d’une page puis de zoomer sur sa localisation avec une cartographie dynamique. Le résultat de ce tutoriel est disponible sur cette demo*. On reviendra sur le vaste thème de la géolocalisation puisque de nombreux outils existent pour cibler l’utilisateur.… Continuer à lire

Openlayers : Lire les attributs d’une donnée image WMS en cliquant sur la carte

Jusqu’à présent, avec Openlayers v3, on a vu : comment afficher des données vecteurs chargés par flux WFS ou par flux WMS (cf. article); comment lire les données attributaires d’un vecteur (cf. article); Et c’est dans la suite logique que cet article est consacré à l’affichage des données attributaires d’une… Continuer à lire

Comment afficher des données attributaires d’un vecteur avec Openlayers?

Après avoir chargé des vecteurs via les protocoles WFS et WM(T)S, on s’intéresse désormais à l’affichage des données attributaires. L’API d’Openlayers (v 3.20.1 dans cet article) propose divers déclencheurs (fires) de méthodes liées à la carte et les couches affichées.  Ici, la fonction Javascript utilise le fire singleclick qui pour… Continuer à lire