1<#-- CONSTANTES-->
2
3<#assign lblArgazkiGaleria = "Argazki galeria">
4<#assign lblNolaIritsi = "Nola Iritsi">
5<#assign infoHTML = informazioa.getData()>
6<#if locale == "fr_FR">
7 <#assign lblArgazkiGaleria = "Galerie de photos">
8 <#assign lblNolaIritsi = "Comment arriver">
9 <#assign infoHTML = frances.getData()>
10<#elseif locale == "en_EN">
11 <#assign lblArgazkiGaleria = "Photo gallery">
12 <#assign lblNolaIritsi = "How to get">
13 <#assign infoHTML = ingles.getData()>
14<#elseif locale == "es_ES">
15 <#assign lblArgazkiGaleria = "Galería de fotos">
16 <#assign lblNolaIritsi = "Como llegar">
17</#if>
18
19<div class="informazioa">
20 <p class="eskuinaldean galeria">
21 <a href="${imagenPortadaURL.getData()}">
22 <img alt="imagenPortada" src="${imagenPortadaURL.getData()}" style="max-width: 600px;"/>
23 </a>
24 </p>
25 ${infoHTML}
26</div>
27
28
29<#if arrayUtil.isNotEmpty(galFotosURL.getSiblings()) && galFotosURL.getSiblings()[0].getData() != "">
30 <h2>${lblArgazkiGaleria}</h2>
31 <div class="cuatro-columnas galeria">
32 <#foreach cur_galFotosURL in galFotosURL.getSiblings()>
33 <div class="columna">
34 <a href="${cur_galFotosURL.getData()}">
35 <img src="${cur_galFotosURL.getData()}" />
36 </a>
37 </div>
38 </#foreach>
39 </div>
40</#if>
41<h2>${lblNolaIritsi}</h2>
42<div id="map" style="width: 100%; height: 400px;"></div>
43
44<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
45 integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
46 crossorigin=""/>
47<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
48 integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
49 crossorigin=""></script>
50<script type="text/javascript" src="/documents/9774148/28671255/leaflet.markercluster.js"></script>
51
52<link rel="stylesheet" href="/documents/9774148/28671255/MarkerCluster.Default.min.css" />
53
54<script type="text/javascript" src="/documents/9774148/28671255/L.Control.Locate.min.js"></script>
55
56<link rel="stylesheet" href="/documents/9774148/28671255/L.Control.Locate.css"/>
57
58<script type="text/javascript" src="/documents/9774148/28671255/Control.FullScreen.js"></script>
59
60<link rel="stylesheet" href="/documents/9774148/28671255/Control.FullScreen.css"/>
61
62<script>
63 // Mapa hasieratzen dugu
64 var map = L.map('map',
65 { scrollWheelZoom: false,
66 maxZoom: 18,
67 fullscreenControl: true,
68 fullscreenControlOptions: {
69 position: 'topleft'
70 }
71 }).setView([${latitud.getData()?replace(',','.')}, ${longitud.getData()?replace(',','.')}], 17);
72
73 var scale = L.control.scale({"metric":true, "imperial":false}).addTo(map);
74
75 var lc = L.control.locate({
76 position: 'topleft',
77 strings: {
78 title: "Non nago / Donde estoy"
79 }
80 }).addTo(map);
81
82 var base = L.tileLayer("https://www.geo.euskadi.eus/geoeuskadi/rest/services/U11/WMTS_KARTO/MapServer/WMTS?layer=U11_WMTS_KARTO&style=default&tilematrixset=default028mm&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={x}&TileRow={y}",
83 {
84 attribution: "Eusko Jaurlaritza / Gobierno Vasco"
85 }).addTo(map);
86 var pnoa = L.tileLayer.wms("https://www.geo.euskadi.eus/WMS_ORTOARGAZKIAK",
87 {
88 layers: "ORTO_EGUNERATUENA_MAS_ACTUALIZADA",//nombre de la capa (ver get capabilities)
89 format: 'image/jpeg',
90 transparent: true,
91 version: '1.3.0',//wms version (ver get capabilities)
92 attribution: "Eusko Jaurlaritza / Gobierno Vasco",
93 opacity: 1
94 });
95 var capas_base = {"Base": base, "Satelite": pnoa};
96 var layers = L.control.layers(capas_base).addTo(map);
97 function onMapClick(e) {
98 console.log("You clicked the map at " + e.latlng.toString())
99 }
100 map.on('click', onMapClick);
101
102
103 // Markagailua gehitzen dugu
104 var marker = L.marker([${latitud.getData()?replace(',','.')}, ${longitud.getData()?replace(',','.')}])
105 .addTo(map);
106 marker.bindPopup("<h5>${.vars['reserved-article-title'].getData()}</h5><p>${direccion.getData()}</p>").openPopup();
107
108</script>
109
110<style>
111 .informazioa h2 {
112 display: inline-block;
113 }
114</style>
