Gist f1a627d4af91444f3fcaea66c62c8319

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

72% match

Gist c8b3e33ae90180e985646e1ef4876dfe

This example demonstrates how to convert tabular JSON data containing longitude and latitude fields into a GeoJSON FeatureCollection using the command-line tool jq, making it ready for map-based visualization. The dataset covers digital mediation locations in the Auvergne-Rhône-Alpes region of France, sourced from data.gouv.fr. The transformation maps each original record into a GeoJSON Feature, preserving properties like name, address, services, and accessibility conditions, while constructing Point geometry from the coordinate pair. The code includes a preview image showing the resulting spatial distribution of these locations, though the visualization itself uses no specific JavaScript mapping library or framework beyond the jq conversion process.

71% match

Gist 96068363e74b4c1c148c55aad9ab0cf4

This example demonstrates client-side reprojection of GeoJSON geometries from a source CRS to WGS84 using the Proj4js library. It fetches a French “quartiers prioritaires” dataset encoded in EPSG:2154 and transforms its Point, LineString, Polygon, and Multi* geometries via custom functions that recursively map coordinates through a proj4 transformer. It also tests a second transformation from EPSG:4326 to EPSG:3857 on sample geometries, logging converted coordinates to the console. The code relies on proj4.defs, proj4(...).forward, and the fetch API.

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.

Leaflet WMS

This example shows a map centered on a region in France, displaying both urban areas from a French government WMS layer alongside a French statistical data layer, with a scale bar. Built with the Leaflet JavaScript library, it combines OpenStreetMap tiles with two Web Map Service (WMS) layers. The first WMS source, accessed via a proxy from `data.europa.eu`, uses `L.WMS.source` and `source.getLayer("Tache_urbaine_1980_R43")`, while the second uses `L.tileLayer.wms` to load INSEE income data from an IGN endpoint.

Gist b3d6991a9d7ab3de6f7f13e7ed38e097

This map shows the municipal arrondissements of Lyon and Marseille in France, with each district colored according to its population. The visualization loads GeoJSON data describing the polygon boundaries of each arrondissement and uses the ogr2ogr library to convert the shapefile data. The interactive display, viewed through GeoJSON.io, renders the geographic features using standard web mapping tools and displays the population values stored in each polygon's properties when the user clicks or hovers over a district.

Gist cf47ed32426b88863d607d9d0dccb77d

This example shows a single outlined region of France rendered as a black-and-white map using the D3.js library. It uses the `d3.geo.path()` API with a conic conformal projection to transform GeoJSON polygon coordinates into SVG paths. The visualization loads its geographic data from a local `regions_geo.json` file and draws the shape on a fixed-size SVG canvas.

MMarineRu

69% match