Gist 0f103baa5001934bf981bb7855d60a5e

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

This example visualizes the availability of legends for IGN web services, specifically WMS Raster, WMS Vecteur, and WMTS layers. It shows that 241 out of 598 services have retrievable legend images, while 357 do not. The code downloads a CSV of service metadata from the IGN geoportal, then probes a guessed URL pattern on the geoportail.gouv.fr domain for each layer's legend image using `curl`. Successful results are compiled into an augmented CSV and JSON file, with the legend images stored locally.

62% match

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`.

61% match

Gist 075cee318faa9088bc16bd9eb985a9a5

This example shows a world map rendered from a TopoJSON file using a Mercator projection, with pan and zoom enabled for interactive exploration. The map is drawn as SVG paths via `d3.geoPath` and a `d3.geoMercator` projection, centered and scaled to display global geography. A `d3.zoom` handler updates the map’s transform and re-projects paths on each interaction. The code includes commented-out attempts to plot city coordinates from a CSV, but the visible implementation focuses solely on the country boundaries from the `world-110m2.json` data source.

AAlexanderDavidson

60% match

Make screen from Geoportail site, hiding help

This example captures a screenshot of a Geoportail map page after programmatically hiding its help layer. It uses Puppeteer, a Node.js library controlling headless Chrome, to navigate to the provided URL. The script waits for the map to fully load with `waitUntil: 'networkidle0'`, then locates and clicks the `#help-layer` element to dismiss it before saving the view as a PNG. A Python version uses the ported Pyppeteer library with identical logic.

Zoomable Map Tiles

This interactive map shows a zoomable view of OpenStreetMap tiles that smoothly pans and zooms across geographic regions. It uses the `d3.geo.tile` plugin to calculate which 256x256 tile images are visible in the viewport based on current scale and translate values, while `d3.behavior.zoom` handles user panning and zooming interactions. The tiles are rendered as `img` elements positioned absolutely, and a `d3.geo.mercator` projection inverts mouse coordinates to display the latitude and longitude at the cursor.

Mmbostock

Leaflet starter MM2

This example displays a close-up terrain map of Paris, centered on coordinates [48.8566, 2.3522] at zoom level 15. It uses the Leaflet JavaScript library (v0.7.7) to create a map instance and add a tile layer from Stamen’s terrain tiles, with attribution to OpenStreetMap contributors. The page is styled with a fixed full-screen layout, and the map fills the entire viewport. The code loads Leaflet’s CSS and JS from a CDN and then calls `L.map` and `L.tileLayer` to render the map.

CCartophile

Gist 80f99a186a44e6fa1930f2a08618d498

This visualization displays a QGIS project containing world map layers—countries, states, provinces, and disputed borders—from the bundled `world_map.gpkg` GeoPackage, alongside JSON-derived point layers for contributors, hackfests, and user groups. Using the QGIS Python API, the script loads each vector layer via `QgsVectorLayer` with OGR drivers, adds them to the project through `QgsProject.instance().addMapLayers`, and enables a retro canvas style by setting `iface.mapCanvas().setProperty("retro", True)` before refreshing. The example demonstrates procedural map composition from built-in geodata files.

Gist 6414125

This example demonstrates interactive panning and zooming over a map of U.S. states and counties using SVG. It uses `d3.behavior.zoom` to control the map’s transform, while `d3.geo.path` renders the TopoJSON data from the `us.json` file. The zoom event updates the map’s translate and scale attributes, and stroke widths adjust inversely to the zoom level. Buttons also allow resetting the view or disabling the zoom event entirely.

11wheel