-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
87 lines (63 loc) · 3.71 KB
/
index.html
File metadata and controls
87 lines (63 loc) · 3.71 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
---
layout: home
---
<div class="container mx-auto px-2">
<div class="mb-2 prose">
<div id="map" class="map leaflet-container mb-3" style="height: 700px; position:relative;">
<script src="{{ site.baseurl }}/assets/js/mapData.geo.js" type="text/javascript"></script>
<script>
var map = L.map("map").setView([-26, -54], 3);
var CartoDB_VoyagerNoLabels = L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}{r}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors © <a href="https://carto.com/attributions">CARTO</a>',
maxZoom: 20
}).addTo(map);
var info = L.control();
info.onAdd = function (map) {
var div = L.DomUtil.create('div', 'info');
div.innerHTML = '<h4>Lugares mencionados</h4> Haga click sobre un lugar para ver el nombre <br>y acceder a su primera mención en el texto'
return div;
};
info.addTo(map);
function onEachFeature(feature, layer) {
var popupContent = `<b>${feature.properties.titles}</b><br><a class="no-underline" href="{{site.baseurl}}/barco_centenera_pages/${feature.properties.page}.html?q=${feature.properties.titles}">${feature.properties.section}</a>`;
layer.bindPopup(popupContent);
}
function style(feature) {
return {
fillColor: sectionColor[feature.properties.section],
fillOpacity: 0.9,
color: '#f2e6e5',
opacity: 1,
weight: 1
};
}
var geojson = L.geoJson(centeneraPlaces, {
pointToLayer: function (feature, latlng) {
return L.circleMarker(latlng, {
radius: 8,
opacity: 1,
fillOpacity: 0.7
});
},
style: style,
onEachFeature: onEachFeature
}).addTo(map);
var legend = L.control({position: 'bottomleft'});
legend.onAdd = function (map) {
var div = L.DomUtil.create('div', 'info legend');
var labels = [];
for (var key of Object.keys(sectionColor)) {
labels.push(`<i style="background: ${sectionColor[key]}"></i> ${key}`);
}
div.innerHTML = labels.join('<br>');
return div;
};
legend.addTo(map);
</script>
</div>
</div>
<div class="container mx-auto px-2 py-2">
<div class="py-2 mb-2 prose">
<p>En 1602, tres años antes de que viera la luz <i>La Florida del Inca</i>, del Inca Garcilaso de la Vega, el flamenco radicado en Portugal Pedro Crasbeeck publica en su imprenta de la ciudad de Lisboa <i>Argentina y conquista del Río de la Plata con otros acaecimientos de los reinos del Perú, Tucumán y el Estado del Brasil</i>, extenso poema del arcediano extremeño Martín del Barco Centenera.</p> <p>Si bien es verdad que allí encontramos la primera mención del vocablo <i>"Argentina"</i>, el <i>Argentino reino</i> se canta junto con los relatos bíblicos, mitológicos, y con los de las tribus nativas y conquistadores, y de algún modo, decir Argentina es decir también la de la historia de mundo, la de la Tracia antigua, Mizque, La Florida, África, o la de Ternate y Tidore.</p>
</div>
</div>