31:T536,header = htl.html`

Huellas de la Minería en el norte de La Paz

dentro y fuera de áreas protegidas

`32:Tb21,viewof mapa = { const w = width <= 500 ? width * .95 : 384 const h = (w / 384) * 373 const bounds = [ [-70.645007, -23.898274], [-56.453, -8.668944] ] let container = html`

` let resolve let videoContainer = html`` let video = html`

` let areaLabel = html`

` videoContainer.appendChild(video) videoContainer.appendChild(areaLabel) let viewer = html`

` viewer.value = new Promise(_ => resolve = _) viewer.appendChild(container) viewer.appendChild(videoContainer) yield viewer let onDisplay = null const map = (container.value = new maplibregl.Map({ boxZoom: true, pitch: 0, bearing: 0, container, center: [-68.5, -14.7], zoom: 8, maxZoom: 15, style: { version: 8, sources: { basemap: basemap.source, areas_protegidas: areas_protegidas.source, scenes: scenes.source, labels: labels.source }, layers: [ basemap.layer, areas_protegidas.layer, scenes.layer, labels.layer ] }, scrollZoom: true, maxBounds: bounds })) map.on('load', () => { }) const mouseenter = () => { map.getCanvas().style.cursor = "pointer" } const mousedown = (e) => { if (e.features.length > 0) { const scene = e.features[0] videoContainer.style.display = 'block' video.src = `https://raw.githubusercontent.com/mauforonda/huellas-de-la-mineria/main/${scene.properties.filename}` if (scene.properties.area_protegida != '') { areaLabel.style.display = 'block' areaLabel.innerText = scene.properties.area_protegida } else { areaLabel.style.display = 'none' } video.load() if (onDisplay) { map.setFeatureState( {source: 'scenes', id: onDisplay}, {clicked: false} ) } onDisplay = scene.id map.setFeatureState( {source: 'scenes', id: onDisplay}, {clicked: true} ) } } const mouseleave = function() { map.getCanvas().style.cursor = ""; } map.on("mouseenter", 'scenes-layer', mouseenter); map.on("mouseleave", 'scenes-layer', mouseleave); map.on("mousedown", 'scenes-layer', mousedown); resolve(map) }33:T5b3,{ return html`

metodología

Construyo un panel interactivo desde donde exploro imágenes satelitales en busca de regiones donde la minería parece haber tenido un impacto visible en los últimos 7 años. Tomo pistas de reportes publicados por CEDIB, Mongabay, Revista La Brava y otros. Suelo guiarme por ríos y caminos que veo aparecer en este periodo. Y cuando encuentro algo interesante: tomo una captura. El resultado son 122 animaciones de cambios en la superficie entre 2016 y 2023.

El repositorio en Github con el código y animaciones.
Una vista más amigable del código.

`; }34:[] 2f:{"title":"Huellas de la minería en el norte de La Paz","cells":[{"id":132,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":499,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":520,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":791,"value":"basemap = ({\n source: {\n type: 'raster',\n tiles: [\n 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}'\n ],\n tileSize: 256\n },\n layer: {\n id: 'basemap-tiles',\n type: 'raster',\n source: 'basemap',\n paint: {\n \"raster-opacity\": 1.,\n \"raster-contrast\": .2,\n \"raster-brightness-min\": .4,\n \"raster-saturation\": -.3,\n \"raster-hue-rotate\": 0\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":574,"value":"scenes = ({\n source: {\n type: 'geojson',\n data: 'https://raw.githubusercontent.com/mauforonda/huellas-de-la-mineria/main/index.json'\n },\n layer: {\n id: 'scenes-layer',\n type: 'circle',\n source: 'scenes',\n paint: {\n \n 'circle-radius': [\n 'interpolate',\n ['exponential',2],\n ['zoom'],\n 7, 3, \n 12, 9\n ],\n 'circle-color': [\n 'case',\n ['!=', ['get', 'area_protegida'], ''],\n colors.area_protegida,\n colors.no_area_protegida\n ],\n 'circle-stroke-color': [\n 'case',\n ['boolean', ['feature-state','clicked'], false],\n 'rgba(255, 254, 252, .3)',\n 'rgba(117, 110, 89, .2)'\n ],\n 'circle-stroke-width': [\n 'case',\n ['boolean', ['feature-state','clicked'], false],\n 3.,\n 1.\n ],\n 'circle-blur': .0\n },\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":558,"value":"labels = ({\n source: {\n type: 'raster',\n tiles: [\n 'https://a.basemaps.cartocdn.com/dark_only_labels/{z}/{x}/{y}.png'\n ],\n tileSize: 256\n },\n layer: {\n id: 'labels-layer',\n type: 'raster',\n source: 'labels',\n paint: {\n // \"raster-opacity\": .9,\n // \"raster-contrast\": .5,\n \"raster-brightness-min\": .2,\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":729,"value":"areas_protegidas = ({\n source: {\n type: 'geojson',\n data: \"https://gist.githubusercontent.com/mauforonda/0167ffb3d5b4efd14eb11c25c864018b/raw/6a8fe93e796c657a0db09cd9a2b9d440e5ac1901/areas_mask.json\"\n },\n layer: {\n id: 'areas_protegidas-layer',\n type: 'fill',\n source: 'areas_protegidas',\n paint: {\n \"fill-color\": 'rgba(232, 237, 235, .2)',\n // \"line-color\": 'rgba(42, 46, 44, .6)',\n // \"line-width\": 1.5\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"maplibregl = {\n const [module, styleURL] = await Promise.all([\n require(\"maplibre-gl@3.1.0\"),\n require.resolve(\"maplibre-gl@3.1.0/dist/maplibre-gl.css\")\n ]);\n \n const style = document.head.appendChild(\n html``\n );\n invalidation.then(() => style.remove());\n \n return module;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"colors = ({\n main: '#131c1a',\n secondary: '#515a69',\n area_protegida: 'rgb(237, 204, 116)',\n no_area_protegida: 'rgba(235, 224, 195, .8)'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":431,"value":"drawLines = (lines) => {\n\n return html`\n

\n ・\n ${lines.map(line => {return `${line}`})}\n ・\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}