Géocodages simple et inversé avec Google Maps et OpenLayers

La localisation d’une adresse postale est utilisée dans de nombreux services en ligne. L’obtention des coordonnées géographiques depuis cette adresse s’appelle le géocodage (ou geocoding en anglais) et si on veut connaître une adresse à partir d’une latitude et d’une longitude, on parle de géocodage inversé. Bien évidemment, cette correspondance… Continue reading

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… Continue reading

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… Continue reading

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… Continue reading

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)… Continue reading

Sécuriser des couches SIG dans GeoServer

Le serveur cartographique GeoServer (v2.10) possède un module de sécurité des données relativement puissant qui permet de contrôler l’accessibilité des couches SIG à certains utilisateurs ou des groupes d’utilisateurs. Comment fonctionne la sécurisation des données spatiales? De manière schématique, on créé un rôle spécifique qui est ensuite lié à un… Continue reading

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,… Continue reading

Style et légende d’une couche SIG avec Geoserver

Que l’on parle d’analyse thématique ou d’un affichage attributaire, le mnémotechnique TOLE (Titre Orientation Légende Échelle) nous rappelle que les styles affectés aux données spatiales sont indispensables pour la compréhension d’une cartographie. Plusieurs moyens de styliser des données sont possibles, depuis un logiciel, une base de données, un script ou… Continue reading

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… Continue reading

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,… Continue reading