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

OpenLayers vs Leaflet : Lecture d’un protocole WFS

Suite aux commentaires de Bel sur le post montrant comment afficher des flux WM(T)S et WFS avec Openlayers depuis Geoserver, j’écris ici une note succincte de WebMapping. L’objectif consiste à comparer les deux API Open Sources OpenLayers (v4) et Leaflet (1.2) pour l’utilisation du protocole WFS (Web Feature Service). Pour… 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

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

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

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

Automatisation d’une cartographie à partir d’un flux RSS (Partie 2)

Dans la première partie, on a vu comment automatiser la bancarisation des données géographiques à partir du flux RSS. Par la suite, on s’occupe de la diffusion cartographique des sites de l’UNESCO. 2. Cartographie des sites de l’UNESCO Pour partager les données géographiques des sites de l’UNESCO, on utilise GeoServer,… 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

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