ol-ext: WMS Capabilities control

100%

ol-ext: WMS Capabilities control

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Add a WMS source untiled

This example shows a MapLibre GL map displaying a French urban-area layer from a WMS service, overlaid on OpenStreetMap raster tiles. The map fetches a WMS GetMap request for the current viewport, using the SphericalMercator library to convert map bounds into EPSG:3857 coordinates for the request. When the user pans or zooms, the `moveend` event triggers removal and re-addition of the image source and raster layer, refreshing the WMS overlay. The code uses `map.addSource` and `map.addLayer` to manage the dynamic image layer.

TThomasG77

65% match

Loading thumbnail…

Gist 9496726

This example displays a MapBox base map using a GDAL WMS configuration that defines a TMS service, projecting the entire world in EPSG:3857 with tile levels up to 18. The XML file specifies the server URL, data window boundaries, and 256x256 pixel blocks with three color bands, effectively rendering satellite or street imagery as a raster layer. The visualization relies on GDAL’s WMS driver to fetch tiles from MapBox’s servers, with a cache enabled for performance. It does not use JavaScript libraries like d3 or Three.js, focusing instead on a server-side tile definition for seamless map display.

RRCura

62% match

Loading thumbnail…

Leaflet WFS

This example shows a map of water areas rendered as a blue outline over an OpenStreetMap tile layer, with the view centered on coordinates near Cambridge, Ontario. It uses the Leaflet mapping library with the Leaflet-WFST plugin to load features from a GeoServer Web Feature Service endpoint, specifically the `osm:water_areas` layer. The code employs a bounding-box filter defined by the current map extent and sets the coordinate reference system to EPSG:3857 using proj4leaflet and proj4js. The visible style is a simple blue color with a weight of two pixels for the geographic features.

TThomasG77

61% match

Loading thumbnail…

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.

TThomasG77

61% match

Loading thumbnail…

OGC WFS consumption URLs from a service

This example demonstrates how to enumerate all downloadable data layers and their available output formats from an OGC Web Feature Service (WFS). Using the `@camptocamp/ogc-client` JavaScript library for the WFS endpoint, it retrieves the service metadata, layer types, and output formats, then constructs a complete GetFeature URL for every layer-format combination. The code also shows a Python equivalent using `OWSLib` to achieve the same enumeration, highlighting the interoperability of the two approaches. The visualization likely presents these generated URLs as a list or table, connecting users directly to data downloads.

TThomasG77

60% match

Loading thumbnail…

Add a WMS source untiled

This example shows a map centered on a region in France, displaying a WMS layer of urban areas from 1980 over a basemap. The map uses the maplibre-gl library to render the WebGL map. A raster data source is added via a proxied WMS URL, with the GetMap request specifying the layer, coordinate system, and bounding box. The WMS tiles are integrated using the `map.addSource` and `map.addLayer` APIs.

TThomasG77

60% match

Loading thumbnail…

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.

TThomasG77

59% match

Loading thumbnail…

OpenLayers example

This example shows a map centered on a location in Africa, with a single polygon feature overlaid on a tiled OpenStreetMap basemap. The map is created with OpenLayers, using its `ol.Map`, `ol.layer.Tile`, and `ol.source.OSM` components. The polygon’s coordinates are then parsed from OpenLayers’ geometry format into a JTS geometry object using the `jsts.io.OL3Parser`, with the resulting coordinate list printed to the console for inspection.

TThomasG77

59% match