Tutoriels et scripts en Webmapping

Style d'un vecteur en fonction de valeurs attributaires et de la résolution de la carte

19/07/2017 66 2

Le style des données vectorielles, représentant les sites de l'UNESCO varie en fonction de la valeur attributaire "catégorie" et de la résolution de la carte. Vous pouvez zoomer sur un site afin de changer le style du point et voir la photo correspondante.

Tutoriel

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

01/07/2017 122 0

Les attributs du vecteur sont cartographiés et listés dans un conteneur séparément. Du côté de la carte, le clic sur la géométrie de l’objet permet de montrer un ou des attributs visualisés en haut de la liste. D’un autre côté, le survol d’un attribut dans le conteneur déclenche le zoom sur la géométrie de l’objet géographique associé.

Tutoriel

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

13/06/2017 145 0

L’API de géocodage de Google Maps est couplée à OpenLayers (v4) afin de localiser les adresses saisies sur une cartographie dynamique. En sens inverse, à partir de la méthode du clic sur la carte d’OpenLayers, on affiche l’adresse issue de la réponse JSON des services de Google Maps.

Tutoriel

Conditions météorologiques en temps réel localisées et chargées dans une info-bulle

31/03/2017 363 0

webmapping

Création d'un graphique montrant les prévisions météorologiques dans un popup à l'aide de l'API Weather Yahoo, Chart.js et OpenLayers (v4).

Tutoriel

OpenLayers : affichage et listing de fonds de carte

24/03/2017 346 0

Liste évolutive et affichage de fonds de carte open sources grâce à l'API d'OpenLayers (v4)

Tutoriel

OpenLayers : tout sous contrôle

14/03/2017 319 0

Manipulation et affichage des contrôleurs avec OpenLayers (v4) (LayerSwitcher, FullScreen, MousePosition, etc).

Tutoriel

De Barcelone à Paris

09/03/2017 327 0

Tracer une ligne entre deux points et calculer la distance qui les sépare avec l’API d’OpenLayers (v4).

Tutoriel

Affichage des informations géographiques d'un fichier GeoJSON dans une fenêtre modale

23/02/2017 558 0

Utilisation d'OpenLayers (v4), de Bootstrap et de JQuery afin d'afficher les données attributaires des objets géographiques d'un fichier GeoJSON dans une fenêtre modale.

Tutoriel

Zoom sur la géolocalisation

23/02/2017 310 0

Zoom sur la géolocalisation du visiteur grâce à l'API d'OpenLayers (v4). Ce script fonctionne avec Google Chrome avec un certificat SSL.

Tutoriel

Carte simple en webmapping

21/02/2017 265 0

Réalisation d'une carte dynamique avec l'API d'OpenLayers (v4).

Tutoriel

Copyright © 2017 - GEOMATICK | Géomatique, SIG ET Télédétection open sources