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

#1 FaceMap : Géolocalisation de Selfies

L’idée de FaceMap est de placer chacune de nos petites têtes sur notre position géographique actuelle. Si tu crains d’être trop beau et que cela nuise à la visibilité de la carte, on laissera la possibilité d’afficher une autre image. Comme d’habitude, les technologies utilisées sont le JavaScript et le… Continue reading

Comment Modifier Dynamiquement la Taille de la Carte avec OpenLayers?

Avant de commencer ce nouveau tutoriel de WebMapping, je fais un petit aparté puisque le projet Geomatick fête déjà sa première année d’existence avec quarante articles publiés. J’essaierai de tenir le rythme pour la suite des évènements même si vous devinez que cela demande un travail assez important! A l’issue… Continue reading

Webmapping : Affichage en temps réel de données géographiques depuis PostgreSQL

Et un polygone sur la carte, et encore un, puis un autre… le temps passant, vous regardez la carte se remplir de nouvelles données géographiques alors que vous êtes au téléphone avec un collègue, un client. On peut imaginer que ces polygones représentent des parcelles foncières mises en vente, des… 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

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

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

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