Skip to main content
SimilarExport ZIP
100%

Display cadastre on Maplibre

✓ Published0🌍 Public
TThomasG77
Last edited Nov 8, 2021
Created on Oct 28, 2021

This interactive map displays the French land registry, or cadastre, within the Maplibre GL rendering engine. It shows administrative boundaries—from regions down to individual communes—along with detailed cadastral sections, parcels, and buildings. Using the WebGL-driven Maplibre GL API, it loads vector tile sources from `openmaptiles.geo.data.gouv.fr`, with parcel lines appearing at zoom level 16 and property numbers labeled for identification. The styling, defined in a JSON style sheet, uses fill and line layers with conditional opacity to highlight parcels.

AI-generated description

Similar vizzes

Loading thumbnail…

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.

TThomasG77
76% match
Loading thumbnail…

Suivi avancement LIDAR copie de https://macarte.ign.fr/carte/322ea69dab4c7e5afabc6ec7043b5994/acquisitionslidarhd

This choropleth map displays the progress of LIDAR HD acquisitions across the French national territory, with each polygon representing a survey block and its color indicating the completion percentage. Built with Vue, the visualization fetches GeoJSON data from an IGN web service, converts it from EPSG:3857 to EPSG:4326 using ogr2ogr, and renders the polygons with varying fill intensities to encode the "pourcentag" attribute. The underlying geospatial processing involves jq to parse nested JSON structures, while the frontend directly visualizes the FeatureCollection without additional map libraries.

TThomasG77
69% match
Loading thumbnail…

Display a map

This example shows an interactive 3D map of a running track at the Red Bull Ring, with the route extruded vertically from the terrain to visualize elevation changes. Built with MapLibre GL and Turf.js, it renders OpenStreetMap raster tiles as the basemap and uses WebGL to display a semi-transparent red fill-extrusion layer whose height corresponds to the elevation values from the GeoJSON LineString coordinates.

TThomasG77
68% match
Loading thumbnail…

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

TThomasG77
67% match
Loading thumbnail…

Encadrement des loyers

This visualization maps rent control zones across French metropolitan areas, displaying geographic boundaries and likely rent reference values for cities like Lille, Paris, Lyon, and Bordeaux. It uses D3.js for rendering, with `d3.geoPath` to project GeoJSON and KML data from official sources like data.gouv.fr and the French government’s rent observatory. The map overlays administrative territories (e.g., Est Ensemble, Plaine Commune) and highlights where rent caps apply, integrating spatial data from municipal open-data portals to compare affected regions.

TThomasG77
67% match
Loading thumbnail…

Tuiles vecteur OpenLayers

A web map displays IGN’s PLAN.IGN vector tiles using OpenLayers and the ol-mapbox-style library. The OpenLayers map starts at a zoom level of 5 over France, then fetches the plan’s JSON style from data.geopf.fr and applies it to a hybrid-rendered VectorTile layer. The layer loads Mapbox Vector Tiles from a URL in the style’s source, with attribution added. A brief loading animation occurs while the style is fetched and applied before the map renders.

TThomasG77
66% match
Loading thumbnail…

Leaflet map

This example shows a full-screen interactive map of France centered on Paris, using satellite imagery tiles from ArcGIS Online. It employs the Leaflet JavaScript library to create the map and set an initial view. The map is rendered via a tile layer that fetches World_Imagery tiles, allowing users to pan and zoom up to level 20. The page uses simple HTML and CSS for layout, with the map container taking up the entire viewport height.

Iismael-IT-dev
66% match
Loading thumbnail…

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.

TThomasG77
66% match