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

Autoriser le CROSS ORIGIN avec Openlayers et Geoserver

Tu ne visualises pas les vecteurs chargés via le protocole WFS avec Openlayers depuis GeoServer? Si tu examines ton élément avec la console du navigateur, l’erreur  liée à un « blocage d’une requête multi-origines » doit apparaître (figure 1). Figure 1 : Exemple d’un blocage d’une requête multi-origines (Cross-Origin Request). En clair,… Continuer à lire

Afficher des flux WM(T)S et WFS avec Openlayers depuis Geoserver

Dans les articles précédents, on a vu comment installer le serveur web Apache et le langage de programmation PHP, le Système de Gestion de Base de Données (SGBD) PostgreSQL et son extension spatiale PostGIS et le serveur cartographique Geoserver, il est temps maintenant de développer nos premières interfaces web. Dans… Continuer à lire

Comment réaliser une carte sur le web ?

Le webmapping est par définition la cartographie dynamique sur internet. On utilise différentes technologies tels les langages HTML, PHP, JAVA, Python et JavaScript et on y associe souvent les bibliothèques OpenLayers, Leaflet ou encore l’API (Application Programming Interface en anglais) Google Maps. L’objet spatial peut être un point, une ligne,… Continuer à lire