Examples of assets used in the frontend as provided by coclicodata
The type
property of these objects is used to determine the render strategy in the frontend.
The following mask is defined for the type
property:
Asset Type | Render Function | Output Type |
---|---|---|
"application/vnd.apache.parquet" | buildVectorTileMapboxLayer |
Vector Tile Layer |
"image/tiff; application=geotiff; profile=cloud-optimized" | buildRasterMapboxLayer |
Raster Tile Layer |
"image/png" | buildRasterMapboxLayer |
Raster Tile Layer |
"application/png" | buildRasterMapboxLayer |
Raster Tile Layer |
"vector" | buildGeojsonMapboxLayer |
Geojson Feature (collection) Layer |
"geojson" | buildGeojsonMapboxLayer |
Geojson Feature (collection) Layer |
const ResourceTypeFunctionMask = {
"application/vnd.apache.parquet": buildVectorTileMapboxLayer,
"image/tiff; application=geotiff; profile=cloud-optimized": buildRasterMapboxLayer,
"image/png": buildRasterMapboxLayer,
"application/png": buildRasterMapboxLayer,
"vector": buildGeojsonMapboxLayer,
"geojson": buildGeojsonMapboxLayer,
};
Transparent layer that is used to create clickable polygons on the map.
{
"geoserver_link": {
"href": "https://<base>/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=<workspace>:<layer>&STYLE=&TILEMATRIX=EPSG:900913:{z}&TILEMATRIXSET=EPSG:900913&FORMAT=application/vnd.mapbox-vector-tile&TILECOL={x}&TILEROW={y}",
"type": "application/vnd.apache.parquet",
"title": "Geoserver Parquet link"
}
}
Visual layer from a geoserver, which is displayed on the map when a collection is toggled. Can contain Raster tiles or Vector tiles.
An item with a vector visual should contain a "deltares:paint"
property (as seen on mapbox resources).
It is used to style the vector tiles.
The following example shows the fallback paint that is used when "deltares:paint"
is not present.
{
"properties": {
"deltares:paint": {
"fill-color": "rgba(0,0,0,0)",
"fill-outline-color": "#000000"
}
}
}
{
"visual": {
"href": "https://<base>/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&LAYER=<workspace>:<layer>&STYLE=&TILEMATRIX=EPSG:900913:{z}&TILEMATRIXSET=EPSG:900913&FORMAT=application/vnd.mapbox-vector-tile&TILECOL={x}&TILEROW={y}",
"type": "application/vnd.apache.parquet",
"title": "Title",
"description": "Description",
"roles": [
"visual"
]
}
}
{
"visual": {
"href": "https://<base>/wms?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&layers=<workspace>:<layer>",
"type": "application/png",
"title": "Title",
"description": "Description",
"roles": [
"visual"
]
}
}
Visual layer from the mapbox api, usually containing Geojson features to show information on the map.
{
"mapbox": {
"href": "mapbox://workspace.layer",
"type": "vector",
"title": "Title",
"description": "Description",
"source": "nuts_regions-b1ics1",
"roles": [
"mapbox"
]
}
}