31:Tba0,viewof mapa = { let source = '' const target = html`

`; const popup = html`` const popup_closer = html`` const popup_content = html`` const legend_div = html`

` const legend = html`` legend_div.appendChild(legend) target.appendChild(legend_div) popup.appendChild(popup_closer) popup.appendChild(popup_content) const basemap = new ol.layer.Tile({ source: new ol.source.XYZ({ url:'http://{1-4}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', attributions: '© OpenStreetMap contributors, © CARTO' }) }) const layers = [basemap] const updateLegend = function (resolution) { legend.src = source.getLegendUrl(resolution); }; if (capa){ source = getSource(capa) const layer = new ol.layer.Tile({ layer: capa.nombre, opacity: .7, source: source }) layers.push(layer) } yield target; const overlay = new ol.Overlay({ element: popup, autoPan: { animation: { duration: 250, }, }, }); popup_closer.onclick = function () { overlay.setPosition(undefined); popup_closer.blur(); return false; }; const map = target.value = new ol.Map({ layers: layers, target, view: new ol.View({ center: ol.proj.fromLonLat([-64, -16.5]), zoom: 6 }), overlays: [overlay], }); if (capa) { const resolution = map.getView().getResolution() updateLegend(resolution); map.getView().on('change:resolution', function (e) { const resolution = e.target.getResolution(); updateLegend(resolution); }); } map.on('singleclick', function (e) { const bbox = map.getView().calculateExtent(map.getSize()) const coordinates = map.getPixelFromCoordinate(e.coordinate); const url = getFeatureUrl(capa, bbox, 800, width, coordinates) const headers = { "X-Requested-With": "XMLHttpRequest" } if (url) { fetch(url, {headers:headers}) .then((response) => response.json()) .then((detail) => { console.log(detail) const properties = detail.features[0].properties popup_content.innerHTML = ['

'].concat( Object.keys(properties).map(p => { return `

${p}

${properties[p]}

` }), ['

'] ).join("\n") overlay.setPosition(e.coordinate); })}; }) invalidation.then(() => map.dispose()); return target; }32:T5e8,displaylinks ={if (capa) { return html`

Descarga

datos vectoriales

${displayLink(capa, 'csv', 'CSV', 'wfs')} ${displayLink(capa, 'application/json', 'JSON', 'wfs')} ${displayLink(capa, 'SHAPE-ZIP', 'Shapefile', 'wfs')}

datos raster

${displayLink(capa, 'image/geotiff', 'GeoTIFF', 'wms')} ${displayLink(capa, 'application/pdf', 'PDF', 'wms')}

Si intentas descargar algo y el navegador sólo abre y cierra una ventana, prueba copiando el enlace y pegándolo manualmente en una nueva ventana.

` } else { return md`` }}33:Te5e,stylesheet = html`

`34:[{"id":"17e0cfdd32a96fb7011343e9e8e3596bfcb5e1687c7506821db85a20441ae9d3f7dfd7cc7290f9b2e2f587ac5f0c92308377d92ea969dddb2cbb611b76f25305","href":"https://static.observableusercontent.com/files/17e0cfdd32a96fb7011343e9e8e3596bfcb5e1687c7506821db85a20441ae9d3f7dfd7cc7290f9b2e2f587ac5f0c92308377d92ea969dddb2cbb611b76f25305","name":"datos.csv","type":"text/csv","lastModified":1721394182043.188,"size":789982},{"id":"e5a73524f011096319efbc22665044a162a058f9cb91a0b50c193fc2414d212e9db9a181b2b409852cd1cd76d4be9342c7c100e326bc97860682cc000ca0d62e","href":"https://static.observableusercontent.com/files/e5a73524f011096319efbc22665044a162a058f9cb91a0b50c193fc2414d212e9db9a181b2b409852cd1cd76d4be9342c7c100e326bc97860682cc000ca0d62e","name":"geoservers.json","type":"application/json","lastModified":1721394187990.796,"size":8129},{"id":"0f8bb836362e35373d9fd800ef297eb947b430b4481b0c5fc9be70809094e7444785885bb420649db7af7452fbf04a363154420b3474e14f31584243e949aa50","href":"https://static.observableusercontent.com/files/0f8bb836362e35373d9fd800ef297eb947b430b4481b0c5fc9be70809094e7444785885bb420649db7af7452fbf04a363154420b3474e14f31584243e949aa50","name":"reciente.csv","type":"text/csv","lastModified":1721394194998.712,"size":1951687}] 2f:{"title":"Datos geográficos del gobierno boliviano","cells":[{"id":1196,"value":"header = htl.html`

Datos geográficos del gobierno boliviano

\n Datos geográficos\n
\n del gobierno boliviano\n

\n Información geográfica que producen y utilizan entidades del gobierno boliviano.\n

busca

\n , \n

explora

\n y\n

descarga

\n datos\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2040,"value":"textBox(notice, warning)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1750,"value":"html`\n

\n${(viewof filterRecent)}\n${(viewof noDewetra)}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":295,"value":"viewof busqueda = Inputs.search(filterRecent ? reciente : datos, {\n columns: ['sistema', 'nombre', 'titulo', 'descripcion'],\n placeholder: 'Busca',\n format: d => `${d} capas de datos`,\n width: width\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"viewof seleccion = Inputs.table(busqueda, {\n columns: ['s', 't'],\n header: {'s': 'Sistema', 't': 'Capa'},\n width: {'s': 80},\n format: {\n 's': d => html`${d}`,\n 't': d => html`${d}`,\n },\n value: default_seleccion,\n multiple:false,\n rows: 20,\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1729,"value":"{\n if (seleccion) {\n const bt = html`