Get IGN legends for WMS Raster, WMS Vecteur and WMTS webservices

Gist 0f103baa5001934bf981bb7855d60a5e

This example captures the OpenStreetMap legend at every zoom level from 1 to 19. The code uses Puppeteer to automate a headless browser, setting a French locale and a desktop viewport, then screenshots the legend panel at each zoom step. It relies on Puppeteer’s `page.evaluate`, `boundingBox`, and `page.screenshot` with a clip rectangle to extract the legend region. A companion Python script with PythonMagick computes image signatures to identify duplicate legend images across zoom levels.

62% match

Gist 32329a8557135f11cb5656e3bfd4d35c

A WebGL map visualizes the locations of French tobacco shops, using points to show their distribution. The code geocodes addresses from an official customs dataset via the data.gouv.fr API, then processes the CSV with the `requests` library. It uses a Vue.js front-end to render the points in a 3D space, allowing users to explore the spatial patterns of the shops.

62% match

Gist 349fc7fda8932252cbcb4ee8a0b605c8

This example tracks the availability and licensing of the French IGN’s BD TOPO® departmental datasets by organizing URLs for both December 2021 and March 2021 releases. It shows a structured index of geographic data files, with each entry linking to a specific departmental Shapefile resource. The visualization uses a data-driven list format, likely rendered with JavaScript’s `fetch` to parse the provided CSV or JSON and display the sorted URLs. It highlights the variation in resource IDs across departments and time periods, emphasizing the dataset’s scope without mapping or spatial rendering.

62% match

Gist 2bd25e856943977444bac9a5fd8c6408

This example shows a QGIS workflow for automatically populating the application with WMS, WMTS, and WFS service connections from the French IGN geoservices portal. The script scrapes the portal’s documentation page to find a CSV file containing service metadata, parses it using the `csv` module, and deduplicates entries via Python dictionaries. It then defines functions to add or remove connections in QGIS’s settings using `QgsSettings`, configuring parameters like URLs, versions, and axis orientation. The code demonstrates a practical approach to batch-importing OGC web services into a desktop GIS environment.

Gist 89bf9a577b15f0a68bb59055eeb415a1

A map of the Paris region displays IGN-F/Geoportail basemap tiles using Leaflet 1.9.2. The code constructs a `L.tileLayer` that requests WMTS tiles from the `wxs.ign.fr` service, specifying the `GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2` layer with a 256-pixel tile size and zoom levels 0–18. Tile coordinates are inserted into the URL via `{z}`, `{y}`, and `{x}` placeholders. The map is centered on coordinates [48.845, 2.424] at zoom 10 using `L.map().setView`.

Gist 3e4479ddb389f73888daa1181574723c

This visualization displays the geographic boundaries of various British West Indies Grid projected coordinate reference systems, as defined in the EPSG database. Each polygon is rendered as a GeoJSON feature, mapping the area of use for a specific SRID. The code relies on Leaflet’s map rendering to draw these polygons, using the GeoJSON data to plot each bounding box. The visualization is built with Vue.js, which manages the map component and loads the spatial data.

ol-ext: WMS Capabilities control

This example demonstrates the ol-ext WMSCapabilities control, which loads WMS layers onto an OpenLayers map. It shows a dialog for selecting a service and displaying available layers via the GetCapabilities request. The code uses the ol.control.WMSCapabilities API, OpenLayers map, and a Grid.js table for layer metadata. Users can search services like BRGM and Sandre, with the layer definition output to the console. The map view uses EPSG:2154 projection, and a LayerSwitcher and SearchNominatim control are also included.

Display a map

This example displays an interactive map of France using the Maplibre GL JS library. Two map styles are showcased: a standard topographic map from the IGN PLAN.IGN vector tiles, and an isohypse (contour line) style with an orange monochrome rendering, centered on the Alps. The code fetches style definitions as JSON and applies them to the map, adjusting the tile scheme for compatibility. Attribution is provided to the IGN data source.