Créer un fond cartographique tuilé en webmapping à partir d’une image corrigée géométriquement dans QGIS

De nombreux fonds cartographiques existent et sont largement utilisés par la communauté géomaticienne. OpenStreetMap, Google Maps, Bing Maps et bien d’autres ornent la plupart des cartographies et sont souvent présentes sur les interfaces web. Basées spatialement sur la mappemonde, ces données géographiques sont par nature des mosaïques d’images satellites, de… Continuer à lire

Quels sont les temps de chargement des données SIG sur une cartographie web?

Sur internet, les temps de chargement des couches SIG varient principalement en fonction de la volumétrie et du type de données spatiales (rasters, vecteurs), du protocole (tuilage, WMS, WFS, etc), de la mise en mémoire (cache) et des caractéristiques d’affichages selon les résolutions spatiales sans parler bien entendu des débits… 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

OpenLayers : Affichage et listing de fonds de carte

Ce post est destiné à lister et à afficher de fonds de carte open sources grâce à l’API d’OpenLayers (v4) (voir la démonstration). Cette liste est évolutive et non exhaustive car n’importe quel flux WM(T)S peut être considéré comme un fonds de carte avec une grande variété de couvertures géographiques,… Continuer à lire

Tout sous contrôle avec OpenLayers

L’API d’OpenLayers (v 4.0.1) met à disposition plusieurs fonctionnalités pour mieux utiliser et agrémenter une cartographie dynamique sur internet. Le développeur a ainsi la possibilité d’afficher sept contrôles appelés dans la classe map par la méthode control : ol.control.Attribution ol.control.FullScreen ol.control.MousePosition ol.control.OverviewMap ol.control.Rotate ol.control.ScaleLine ol.control.Zoom ol.control.ZoomSlider ol.control.ZoomToExtent Chaque méthode possède… Continuer à lire

De Barcelone à Paris

Voici un tutoriel inspiré qui vous présente comment tracer une ligne entre deux points et calculer la distance qui les sépare en webmapping avec l’API d’OpenLayers (v 4.01). Les deux points sont localisés respectivement à Barcelone (41° 23′ 00″ N, 2° 10′ 00″ E) et  à Paris (48° 51′ 24″ N, 2° 21′ 07″ E). Pour chaque ville,… Continuer à lire