31:T4e3,The World Database of Protected Areas (WDPA) is a comprehensive global database of marine and terrestrial protected areas and is one of the key global biodiversity datasets used by scientists, businesses, governments, international organizations and others to inform planning, policy decisions and management. The WDPA is a joint project between UN Environment Programme and the International Union for Conservation of Nature (IUCN). The compilation and management of the WDPA is carried out by UN Environment Programme World Conservation Monitoring Centre (UNEP-WCMC), in collaboration with governments, non-governmental organisations, academia and industry. Data and information on the world's protected areas compiled in the WDPA are used for reporting to the Convention on Biological Diversity on progress towards reaching the Aichi Biodiversity Targets (particularly Target 11), to the UN to track progress towards the 2030 Sustainable Development Goals, to some of the Intergovernmental Science-Policy Platform on Biodiversity and Ecosystem Services (IPBES) core indicators, and other international assessments and reports including the Global Biodiversity Outlook, as well as for the publication of the United Nations List of Protected Areas.32:Tcb7,map = { const map = (container.value = new maplibre.Map({ //interactive: false, boxZoom: true, pitch: 0, bearing: 0, maplibreLogo: true, container, center: [137.5,38.8], zoom: 5, style: "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json", scrollZoom: true })); map.addControl(new maplibre.NavigationControl()); map.on('load', () => { map.addSource('wdpa', { type: 'vector', tiles: ['https://data-gis.unep-wcmc.org/server/rest/services/Hosted/wdpa_latest_vts/VectorTileServer/tile/{z}/{y}/{x}.pbf'], promoteId: 'id', }); map.addLayer({ 'id': 'wdpa-layer', 'type': 'fill', 'source': 'wdpa', 'source-layer': 'WDPA_poly_latest', // Make sure this matches the correct source layer name 'layout': {}, 'paint': { 'fill-color': '#888888', 'fill-opacity': 0.4, }, }); const srcId = 'fs-src' const service = new FeatureService(srcId, map, { url: 'https://data-gis.unep-wcmc.org/server/rest/services/ProtectedSites/The_World_Database_of_Protected_Areas/FeatureServer/1' }); const fsLyrId = 'fs-fill-lyr' map.addLayer({ 'id': fsLyrId, 'source': srcId, 'type': 'fill', 'paint': { 'fill-opacity': 0.5, 'fill-color': [ 'match', ['get', 'iucn_cat'], 'Ia', '#B42222', 'Ib', '#68e94e', 'II', '#1ea503', 'III', '#d388dd', 'IV', '#FC4E2A', 'V', '#FEB24C', 'VI', '#FED976', 'Not Assigned', '#898a90', /* default */ '#e2e3e9' ] } }); function hideFsLayer () { map.setLayoutProperty(fsLyrId, 'visibility', 'none') service.disableRequests() } function showFsLayer () { map.setLayoutProperty(fsLyrId, 'visibility', 'visible') service.enableRequests() } function removeFsCompletelyFromMap () { map.removeLayer(fsLyrId) service.destroySource() } // Add a click event listener for the layer map.on('click', fsLyrId, (e) => { const feature = e.features[0]; // Create a popup and set its coordinates and content new maplibre.Popup() .setLngLat(e.lngLat) .setHTML(` Name: ${feature.properties.name}
Original Name: ${feature.properties.orig_name}
Designation: ${feature.properties.desig}
Designation (Eng): ${feature.properties.desig_eng}
Designation Type: ${feature.properties.desig_type}
IUCN Category: ${feature.properties.iucn_cat}
International Criteria: ${feature.properties.int_crit}
`) .addTo(map); }); // Change the cursor to a pointer when hovering over the layer map.on('mouseenter', fsLyrId, () => { map.getCanvas().style.cursor = 'pointer'; }); // Change the cursor back when leaving the layer map.on('mouseleave', fsLyrId, () => { map.getCanvas().style.cursor = ''; }); }); } 33:[] 2f:{"title":"World Database of Protected Areas (WDPA)","cells":[{"id":0,"value":"# World Database of Protected Areas (WDPA) ","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"The map below renders [WDPA dataset](https://www.protectedplanet.net/en/thematic-areas/wdpa) (polygon layers), served by the [UN Environment Programme World Conservation Monitoring Centre](https://www.unep-wcmc.org/) (UNEP-WCMC)— a global centre of excellence on biodiversity and nature’s contribution to society and the economy. ","pinned":false,"hidden":false,"mode":"md"},{"id":57,"value":"The map first loads UNEP-WCMC's [vector tiles](https://data-gis.unep-wcmc.org/server/rest/services/Hosted/wdpa_latest_vts/VectorTileServer) showing the locations of marine and terrestrial protected areas. _With a little patience and time_, an overlay will appear using their [feature server](https://data-gis.unep-wcmc.org/server/rest/services/ProtectedSites/The_World_Database_of_Protected_Areas/FeatureServer/) that colors the data according to their IUCN Category. It also enables a tooltip showing a selection of data attributes associated with each area.","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"container = yield html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"Legend:

\n\n${swatch(\"#B42222\")} Category Ia – strict nature reserve
\n${swatch(\"#68e94e\")} Category Ib – wilderness area
\n${swatch(\"#1ea503\")} Category II – national park
\n${swatch(\"#d388dd\")} Category III – natural monument or feature
\n${swatch(\"#FC4E2A\")} Category IV – habitat or species management area
\n${swatch(\"#FEB24C\")} Category V – protected landscape or seascape
\n${swatch(\"#FED976\")} Category VI – protected area with sustainable use of natural resources
\n${swatch(\"#898a90\")} IUCN Category Not Assigned
","pinned":false,"hidden":false,"mode":"html"},{"id":134,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"**About the Data:**","pinned":false,"hidden":false,"mode":"md"},{"id":26,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":54,"value":"_Text adapted from:_ UNEP-WCMC and IUCN (2024), Protected Planet: The World Database on Protected Areas (WDPA)[On-line], [June 2024], Cambridge, UK: UNEP-WCMC and IUCN. Available at: https://doi.org/10.34892/6fwd-af11","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"// from https://observablehq.com/@d3/working-with-color\nfunction swatch(color) {\n return html`

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"FeatureService = require('mapbox-gl-arcgis-featureserver@0.0.8/dist/mapbox-gl-arcgis-featureserver.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"maplibre = {\n const gl = await require(\"maplibre-gl@2.4.0\");\n const href = await require.resolve(\"maplibre-gl@2.4.0/dist/maplibre-gl.css\");\n document.head.appendChild(html``);\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}