2f:Taf8,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', }) }) 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; }30:Te24,stylesheet = html`

`31:[] 2d:{"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":1603,"value":"viewof filterRecent = Inputs.toggle({label: `Encontrados en los últimos ${days} días`})","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":1790,"value":"{\n if (seleccion) {\n const bt = html`