Dessiner un Cercle sur une Carte avec OpenLayers et jQuery UI

En écrivant ce titre, je me suis rappelé qu’enfant, il était déjà plus difficile de dessiner un cercle plutôt qu’une ligne. L’aide d’un accessoire était même indispensable pour déterminer le rayon souhaité. Représenter un cercle sur une cartographie en ligne est possible en utilisant différentes méthodes mais dans ce tutoriel,… Continue reading

Mapping Game : Un jeu de cartographie basé sur du WebMapping

L’objet de ce billet est de vous faire partager un projet ludique qui me tenait à cœur depuis longtemps : la création d’un jeu de cartographie en ligne intitulé Mapping Game. Le concept relativement simple est de franchir les niveaux en trouvant la donnée géographique mise en évidence dans un… Continue reading

Apprenez à créer des interfaces de webmapping avancées… bientôt sur Geomatick

Bonjour à tous, Vous voulez créer des interfaces de webmapping performantes avec OpenLayers! Cette vidéo vous montre un aperçu de quelques fonctionnalités développées par Geomatick : Création de boutons; Mesures d’aires et de distances; Géolocalisation et géocodage; Affichage des couches dans l’ordre décidé par l’utilisateur; Dessin, modification et suppression d’objets… Continue reading

OpenLayers : Lister des attributs liés aux objets géographiques et zoomer sur la carte au survol de l’attribut

Aujourd’hui, je vous fais part d’un petit script webmapping avec OpenLayers (v4). On ne le redira jamais assez mais cette API permet une liberté de créer, d’ajouter de nouvelles fonctionnalités à votre carte en ligne. Et, dans le même esprit, le tutoriel du jour peut être reproduit avec n’importe quelle… 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

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 l’objet 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 ses… 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