Adición del modo mapa satelital
This commit is contained in:
@@ -16,14 +16,15 @@
|
||||
h3 { font-size: 12pt;}
|
||||
h4 { font-size: 11pt;}
|
||||
|
||||
.tiles-grid-grp { display: grid; grid-template-columns: 3fr 2fr; grid-template-rows: auto auto; gap: 2px;}
|
||||
.tiles-grid-grp { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 2px;}
|
||||
.tiles-grid-grp-col { grid-column: 2; grid-row: 1 / span 2; }
|
||||
.tile-block { border: 1px solid var(--ceniza); border-radius: 4px; padding: 2px; margin: 2px 0; background-color: var(--claro);}
|
||||
.tile-title { font-size: 11pt; font-weight: bold; color: var(--oscuro); border-bottom: 1px solid var(--ceniza); padding-bottom: 2px; margin-bottom: 5px;}
|
||||
.data-row { display: flex; padding: 2px 0; border-bottom: 1px solid var(--claro);}
|
||||
.data-label { font-weight: 600; letter-spacing: -0.05em; width: 40%; color: var(--oscuro);}
|
||||
.data-value { width: 40%; letter-spacing: -0.05em; word-wrap: break-word;}
|
||||
.data-value { width: 60%; font-size:.9em; word-wrap: break-word;}
|
||||
.no-data { color: var(--ceniza); font-style: italic;}
|
||||
.tiles-grid-grp-col .tile-block img { object-fit: cover; width: 330px; max-height: 230px;}
|
||||
|
||||
@page {
|
||||
@top-left { background: var(--resaltado); content: counter(page); height: 1cm; text-align: center; width: 1cm;}
|
||||
@@ -117,7 +118,7 @@
|
||||
{% with gis_vector=resource_data|val_from_key:"Ubicación simple"|val_from_key:"Coordenadas / Geometría"|val_from_key:"@value"|json_to_obj %}
|
||||
{% for gis in gis_vector.features %}
|
||||
<div class="data-row">
|
||||
<span class="data-value" style="width: 100%;">{{ gis.geometry }}</span>
|
||||
<span class="data-value" style="width: 100%; font-size: .72em;">{{ gis.geometry|truncatewords:24 }}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endwith %}
|
||||
@@ -131,6 +132,7 @@
|
||||
<div class="tiles-grid-grp-col">
|
||||
<div class="tile-block">
|
||||
<div class="data-label">Mapa de referencia</div>
|
||||
<img src="data:image/png;base64,{{ resource.map_img }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user