2c:null 2d:["$","title",null,{"children":"Mapa de Viajeros en la Gran Colombia | juanFelipe | Observable"}] 32:T8d8,//L = await require("leaflet@1/dist/leaflet.js") // L = { // const L = await require('leaflet@1.9.4'); // await require('leaflet.markercluster'); // //await require('leaflet.heat'); // const leafletCSS = await require.resolve("leaflet@1/dist/leaflet.css"); // const leafletDefaultExtent = await require.resolve('leaflet.defaultextent/dist/leaflet.defaultextent.css'); // const markerclusterCSS = await require.resolve('leaflet.markercluster@1.4.1/dist/MarkerCluster.css'); // const markerclusterCSSdefault = await require.resolve('leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css'); // document.head.appendChild(L._style = html``); // document.head.appendChild(L._style = html``); // document.head.appendChild(L._style = html``); // document.head.appendChild(L._style = html``); // return L; // } // from https://observablehq.com/@pbrockmann/leaflet-synchro L = { const r = require.alias({ leaflet: "leaflet@1.9.4/dist/leaflet-src.js", "leaflet/dist/leaflet.css": "leaflet@1.8.0/dist/leaflet.css", "leaflet.markercluster": "leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js", "leaflet.markercluster/dist/MarkerCluster.css": "leaflet.markercluster@1.4.1/dist/MarkerCluster.css", "leaflet.markercluster/dist/MarkerCluster.Default.css": "leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css", "leaflet.heat": "leaflet.heat/dist/leaflet-heat.js", }); const L = await r("leaflet"); await Promise.all([ r("leaflet.markercluster").catch(() => {}), r("leaflet.heat").catch(() => {}) ]); if (!L._style) { // apply stylesheets (only once on load) L._style = true; document.head.append(htl.html` `); } return L; }33:T7f6,mapaGranColombia = { const container = yield htl.html`

`; const map = L.map(container); const layer = L.geoJSON(granColombia, { style: { color: 'blue', weight: 0.2 } }).addTo(map); map.fitBounds(layer.getBounds(), { maxZoom: 9 }); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { attribution: "© OpenStreetMap contributors" }).addTo(map); const colores = d3.schemePaired; const markers = L.layerGroup(); // Utiliza L.layerGroup en lugar de L.markerClusterGroup const marker = L.geoJson(rutasViajeros, { style: function (feature) { if (feature.geometry.type === 'LineString') { const indiceColor = rutasViajeros.features.indexOf(feature) % colores.length; return { color: colores[indiceColor], weight: 8 }; } }, onEachFeature: function (feature, layer) { if (feature.properties && feature.properties.name) { layer.bindPopup(`

${feature.properties.name}

`, { maxWidth: 600 }); layer.on('mouseover', function () { layer.setStyle({ weight: 10, opacity: 1 }); }); layer.on('mouseout', function () { layer.setStyle({ weight: 8, opacity: 0.8 }); }); if (feature.geometry.type === 'LineString') { // Agregar etiquetas con el nombre del viajero const midpointIndex = Math.floor(feature.geometry.coordinates.length / 2); const midpoint = feature.geometry.coordinates[midpointIndex]; L.marker([midpoint[1], midpoint[0]], { icon: L.divIcon({ className: 'label', html: `

`, iconSize: [100, 40] // Ajusta el tamaño del icono según sea necesario }) }).addTo(markers); // Agregar al grupo de capas en lugar de al mapa directamente } } } }); map.setView([4, -71], 5); markers.addLayer(marker); map.addLayer(markers); }34:T8cb,mapaCodazzi = { const container = htl.html`

`; const map = L.map(container).setView([20, -50], 4); const colorScale = d3.scaleOrdinal(d3.schemeSet1); // Capa base de OpenStreetMap L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); // Datos de los lugares (nombre, coordenadas y descripción) const datosParaMapa = [ {nombre: "Turín", latitud: 45.0703, longitud: 7.6869, papel: "Lugar donde los archivos de Codazzi llegaron en 1898 y se conservaron en la Biblioteca Nacional Universitaria de Turín."}, {nombre: "Roma", latitud: 41.9028, longitud: 12.4964, papel: "Sede de la Sociedad Geográfica Italiana, donde parte de los documentos de Codazzi fueron gestionados y discutidos."}, {nombre: "Lugo", latitud: 44.4170, longitud: 11.8990, papel: "Ciudad natal de Codazzi, donde en 1882 su hijo Lorenzo donó algunos de los mapas."}, {nombre: "Bogotá", latitud: 4.7110, longitud: -74.0721, papel: "Archivos de Codazzi microfilmados y depositados en el Archivo General de la Nación, donde son consultados por investigadores."}, {nombre: "Génova", latitud: 44.4056, longitud: 8.9463, papel: "Posible puerto de entrada de los archivos de Codazzi a Italia antes de llegar a Turín."}, {nombre: "Forlí", latitud: 44.2227, longitud: 12.0407, papel: "Lugar donde se conservaron algunos mapas de Codazzi donados por su hijo Lorenzo."}, {nombre: "Biblioteca Nacional Universitaria de Turín", latitud: 45.0703, longitud: 7.6869, papel: "Institución donde se conservaron y organizaron los archivos de Codazzi después de su llegada a Italia."} ]; // Añadir los círculos en el mapa datosParaMapa.forEach((d, i) => { const color = colorScale(i); // Obtener el color de la escala ordinal // Añadir círculo al mapa const circle = L.circle([d.latitud, d.longitud], { radius: 50000, // Ajusta el radio según tus necesidades color: color, fillColor: color, fillOpacity: 0.5 }).addTo(map); // Añadir pop-up con información sobre el papel en la deriva del archivo circle.bindPopup(`${d.nombre}
${d.papel}`); }); return container; } 35:[{"id":"47adf53afe92eba80795891e09053e5c3b8c073d9474aee5739a91d30552746ba0bd337050df7fce6e9457ab144b42247ec3e9a5706f80bd8e64c636fb1dd329","href":"https://static.observableusercontent.com/files/47adf53afe92eba80795891e09053e5c3b8c073d9474aee5739a91d30552746ba0bd337050df7fce6e9457ab144b42247ec3e9a5706f80bd8e64c636fb1dd329","name":"granColombia@1.geojson","type":"application/geo+json","lastModified":1716494487146.71,"size":2537801},{"id":"0c9af33d5e57b23fbd98d4ac43c7516a2069261b48db315bb4ab5e9766a4f7eb1afeb07739ce35cb1fbebab28ceaf40083e308f9650589a74449a3d24f3b7ebd","href":"https://static.observableusercontent.com/files/0c9af33d5e57b23fbd98d4ac43c7516a2069261b48db315bb4ab5e9766a4f7eb1afeb07739ce35cb1fbebab28ceaf40083e308f9650589a74449a3d24f3b7ebd","name":"AnyConv.com__Camino del Quindío.geojson","type":"application/geo+json","lastModified":1716494487146.71,"size":6211},{"id":"5ae2faa6e0d7f34a54fbfd2292d2d22fbc8bcae9ab888ec39602fa9769f7f1bb05a2dd398f96faec77ed0678bcf63a03a08e1a1786da1cba4c0f54c83ca10d92","href":"https://static.observableusercontent.com/files/5ae2faa6e0d7f34a54fbfd2292d2d22fbc8bcae9ab888ec39602fa9769f7f1bb05a2dd398f96faec77ed0678bcf63a03a08e1a1786da1cba4c0f54c83ca10d92","name":"geoJsonCaminoQuindio(3).json","type":"application/json","lastModified":1716494487146.71,"size":641},{"id":"1c3ad110488e35505ab14f66aa6f4ccd349bc5fd99bc5fc3c898c98e0109a68b0d3589702b79089d4c13450d6e7651ecb5201e607697df60e5aaa698065b5225","href":"https://static.observableusercontent.com/files/1c3ad110488e35505ab14f66aa6f4ccd349bc5fd99bc5fc3c898c98e0109a68b0d3589702b79089d4c13450d6e7651ecb5201e607697df60e5aaa698065b5225","name":"Viajeros.geojson","type":"application/geo+json","lastModified":1716494487146.71,"size":43019}] 30:{"id":"5de9dd35ef4e32ff","slug":null,"title":"Mapa de Viajeros en la Gran Colombia","thumbnail":"f1abb43ad0263afddb8b485fb370ce283c8d20ef30c70943914b7a18903476ca","access_level":"public","create_time":"$D2024-05-23T20:01:27.146Z","update_time":"$D2024-08-15T15:19:39.598Z","view_time":null,"first_public_time":"$D2024-05-23T20:01:27.146Z","has_unpublished_edits":null,"fork":{"id":"27c4bcfec4489a1d","slug":null,"title":"Viajeros en la Gran Colombia","owner":{"id":"b08d810ce7971cef","login":"juanfuc","name":"juanFelipe"}},"stars":0,"starred":false,"owner":{"type":"team","id":"b08d810ce7971cef","login":"juanfuc","name":"juanFelipe","avatar_url":"https://avatars-next.observableusercontent.com/037dd09add2cbc71786979cc31dd87cb23bfa363a7e7e4d2e86d11909d7b6be7","tier":"starter_2024"},"version":968,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"787cd2505170a6b7","login":"juanfuc","name":"juanFelipe","avatar_url":"https://avatars-next.observableusercontent.com/037dd09add2cbc71786979cc31dd87cb23bfa363a7e7e4d2e86d11909d7b6be7","tier":null}],"members":[{"type":"individual","id":"787cd2505170a6b7","login":"juanfuc","name":"juanFelipe","avatar_url":"https://avatars-next.observableusercontent.com/037dd09add2cbc71786979cc31dd87cb23bfa363a7e7e4d2e86d11909d7b6be7","tier":null,"role":"editor"},{"type":"team","id":"b08d810ce7971cef","login":"juanfuc","name":"juanFelipe","avatar_url":"https://avatars-next.observableusercontent.com/037dd09add2cbc71786979cc31dd87cb23bfa363a7e7e4d2e86d11909d7b6be7","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Mapa de Viajeros en la Gran Colombia","cells":[{"id":0,"value":"# Mapa de Viajeros en la Gran Colombia\n## Por Juan Felipe Urueña Calderón","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"titulo","database":"$undefined"},{"id":465,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":475,"value":"## Datos de los Viajeros","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":478,"value":"pathViajeros = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSBTDLlVeduT5RomjAZEO8LuTCdUNxYxCeb0TIK306ju7jFYiqbQ02-xoIJe1YfNjPMb3sFX58pwiZb/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"csvString = fetch(pathViajeros).then((response) => response.text())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"dataViajeros = d3.csvParse(csvString, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"procedenciaPath = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQdjHfroKYFIO4RK7vFDJwaMuy59i-JtPJ9w4xs_mT4x7lLO0PJhf-tVeOuNVHHexKeakK4CzNJXiLA/pub?output=csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"value":"procedenciaString = fetch(procedenciaPath).then((response) => response.text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":726,"value":"## Variables","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":491,"value":"dataProcedencia = d3.csvParse(procedenciaString, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"procedenciaGroup = d3.group(dataProcedencia, d => d.procedencia)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":495,"value":"arrayProcedencia = Array.from(procedenciaGroup.values()).map(group => group[0]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":541,"value":"recurrenciasPorProcedencia = d3.rollup(\n dataViajeros,\n v => v.length,\n d => d.Proveniencia\n);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":543,"value":"datosParaMapa = arrayProcedencia.map(d => ({\n procedencia: d.procedencia,\n latitud: parseFloat(d.latitud.replace(',', '.')),\n longitud: parseFloat(d.longitud.replace(',', '.')),\n recurrencias: recurrenciasPorProcedencia.get(d.procedencia) || 0\n}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"## Geodatos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"granColombia = FileAttachment(\"granColombia@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"geoCaminoQuindio = FileAttachment(\"AnyConv.com__Camino del Quindío.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"lineaCaminoQuindio = FileAttachment(\"geoJsonCaminoQuindio(3).json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"rutasViajeros = FileAttachment(\"Viajeros.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":658,"value":"## Tabla","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":510,"value":"dataViajeros","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":546,"value":"## Mapa trayectorias de los viajeros","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"TmapaTrayectorias","database":"$undefined"},{"id":454,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":935,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":549,"value":"## Mapa procedencia de los viajeros","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"TmapaProcedencia","database":"$undefined"},{"id":551,"value":"mapaProcedencias = {\n const container = yield htl.html`

`;\n const map = L.map(container).setView([25, -50], 3); \n const colorScale = d3.scaleOrdinal(d3.schemeSet1);\n\n\nL.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n attribution: '© OpenStreetMap contributors'\n}).addTo(map);\n\n// Iterar sobre los datos y agregar círculos al mapa\ndatosParaMapa.forEach((d, i) => {\n if (d.recurrencias > 0) {\n // Obtener el color de la escala ordinal\n const color = colorScale(i);\n\n // Añadir círculo al mapa\n L.circle([d.latitud, d.longitud], {\n radius: d.recurrencias * 100000, // Ajusta el factor de escala según tus necesidades\n color: color,\n fillColor: color,\n fillOpacity: 0.5\n }).addTo(map);\n }\n});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":606,"value":"## Gráfico Procedencia de los viajeros","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"TgraficoProc","database":"$undefined"},{"id":908,"value":"Plot.plot({\n width: 900,\n x: {\n label: \" \"\n },\n color: {\n type: \"categorical\",\n scheme: \"Set3\",\n legend: false\n },\n marks: [\n Plot.auto(dataViajeros, {x: \"Proveniencia\", color: \"Proveniencia\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":608,"value":"## Gráfico Ocupación de los viajeros","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"TGOcupacoin","database":"$undefined"},{"id":787,"value":"Plot.plot({\n width: 900,\n x: {\n label: \" \"\n },\n color: {\n scheme: \"Set3\",\n legend: false\n },\n marks: [\n Plot.auto(dataViajeros, {x: \"Ocupación\", color: \"Ocupación\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":614,"value":"## Gráfico Formas de escritura de los viajeros","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"tgraficoEscritura","database":"$undefined"},{"id":827,"value":"Plot.plot({\n width: 900,\n x: {\n reverse: true,\n grid: true,\n label: \" \"\n },\n color: {\n type: \"categorical\",\n reverse: true,\n scheme: \"Set3\",\n legend: false\n },\n marks: [\n Plot.auto(dataViajeros, {x: \"Escritura\", color: \"Escritura\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":961,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 31:"$30:body"