<div dir="ltr"><p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif;color:black">Hola a todos y a todas, soy Xesco
ambientólogo.</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif;color:black">En primer lugar, quería felicitaros por
vuestra actividad y trasladaros que me gustaría participar en próximas
reuniones-talleres para aprender.</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif;color:black">Os cuento, soy muy novato en el campo de
las tecnologías web mapping y estoy intentando hacer un visor multicapa con la
librería Leaflet cuya estructura</span><span style="font-family:Arial,sans-serif">
sería:<u><span style="color:blue"></span></u></span></p>
<p style="margin:0cm 0cm 0.0001pt;text-align:justify"><span style="font-size:11pt;font-family:Arial,sans-serif"> </span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span lang="IT" style="font-size:11pt;font-family:Wingdings">v<span style="font-size:7pt;font-family:'Times New Roman'"> </span></span><u><span lang="CA" style="font-size:11pt;font-family:Arial,sans-serif">Basemaps</span></u><span lang="IT" style="font-size:11pt;font-family:Arial,sans-serif"></span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span lang="IT" style="font-size:11pt;font-family:Symbol">·<span style="font-size:7pt;font-family:'Times New Roman'">
</span></span><span lang="CA" style="font-size:11pt;font-family:Arial,sans-serif">OSM </span><span lang="IT" style="font-size:11pt;font-family:Arial,sans-serif"></span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span style="font-size:11pt;font-family:Symbol">·<span style="font-size:7pt;font-family:'Times New Roman'">
</span></span><span style="font-size:11pt;font-family:Arial,sans-serif">Orto
del PNOA</span><span style="font-size:11pt;font-family:Arial,sans-serif"> </span><span style="font-size:11pt;font-family:Arial,sans-serif"></span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span style="font-size:11pt;font-family:Arial,sans-serif"> </span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span style="font-size:11pt;font-family:Arial,sans-serif"> </span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span style="font-size:11pt;font-family:Wingdings">v<span style="font-size:7pt;font-family:'Times New Roman'">
</span></span><u><span lang="CA" style="font-size:11pt;font-family:Arial,sans-serif">Overlaymaps</span></u><span style="font-size:11pt;font-family:Arial,sans-serif"></span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span style="font-size:11pt;font-family:Symbol">·<span style="font-size:7pt;font-family:'Times New Roman'">
</span></span><span style="font-size:11pt;font-family:Arial,sans-serif">Patrimoni</span></p>
<p style="margin:0cm 0cm 0.0001pt;text-align:justify"><span style="font-size:11pt;font-family:Arial,sans-serif"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">He encontrado una orto con el sistema
de referencia EPSG: 3857, la misma que OSM, aunque no se carga adecuadamente o
bien le cuesta mucho tiempo:</span></p>
<p class="" style="margin-bottom:0.0001pt"><span style="font-size:10pt;font-family:'Courier New';color:black"> </span></p>
<p class="" style="margin-bottom:0.0001pt"><span lang="IT" style="font-family:'Courier New';color:black">var idee = new
L.TileLayer.WMS('<a href="http://www.ign.es/wms-c/PNOA/PNOA?SERVICE=WMS&;">http://www.ign.es/wms-c/PNOA/PNOA?SERVICE=WMS&;</a>', {</span></p>
<p class="" style="margin-bottom:0.0001pt"><span lang="IT" style="font-family:'Courier New';color:black"> width: 256,</span></p>
<p class="" style="margin-bottom:0.0001pt"><span lang="IT" style="font-family:'Courier New';color:black"> height: 256,</span></p>
<p class="" style="margin-bottom:0.0001pt"><span lang="IT" style="font-family:'Courier New';color:black"> format: 'image/png',</span></p>
<p class="" style="margin-bottom:0.0001pt"><span lang="IT" style="font-family:'Courier New';color:black"> layers: 'PNOA',</span></p>
<p class="" style="margin-bottom:0.0001pt"><span lang="IT" style="font-family:'Courier New';color:black"> </span><span style="font-family:'Courier New';color:black">styles: 'default',</span></p>
<p class="" style="margin-bottom:0.0001pt"><span style="font-family:'Courier New';color:black">
srs: 'EPSG:3857',</span></p>
<p class="" style="margin-bottom:0.0001pt"><span style="font-family:'Courier New';color:black">});</span></p>
<p class="" style="margin-bottom:0.0001pt"><span style="font-family:Arial,sans-serif"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Los servicios WMS de máxima actualidad
o resolución del IGN no usan la proyección que me interesa ( </span><a href="http://www.01.ign.es/PNOA/enlaces_relacionados_WMS.html"><span style="font-family:Arial,sans-serif">http://www.01.ign.es/PNOA/enlaces_relacionados_WMS.html</span></a><span style="font-family:Arial,sans-serif"> )</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">¿Hay alguna solución?</span><span style="font-family:Arial,sans-serif;color:black"> En la red he visto un hilo que aconseja
usar geoserver para montar las ortos del PNOA </span><span style="font-family:Arial,sans-serif">y servirlas mediante cache con mapproxy. ¿Qué opináis? Esto
es chino para mi, jejeje, ¿hay tutoriales o ejemplos?</span><span style="font-family:Arial,sans-serif;color:black"></span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-size:10pt;font-family:Arial,sans-serif;color:black"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Además,
tengo una capa de cartoDB que me funciona estupendamente de forma aislada, pero
no logro integrarla como Overlaymaps </span><span style="font-family:Arial,sans-serif;color:black">siguiendo el tutorial </span><span style="font-family:Arial,sans-serif"><a href="http://leafletjs.com/examples/layers-control.html">http://leafletjs.com/examples/layers-control.html</a></span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Se
trata de una capa de puntos (Patrimoni) con tres categorías diferentes
(natura, arquitectura y cultura) con sus correspondientes iconos.</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">var patrimoni = new L.LayerGroup();</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">var natura = L.Icon.extend({</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
options: {</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
iconUrl: "../img/natura.png",</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
iconSize: new L.Point(16, 16),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
iconAnchor: new L.Point(8, 8),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
popupAnchor: new L.Point(1, -8)</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'"> }</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">}),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">arquitectura = L.Icon.extend({</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
options: {</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
iconUrl: "../img/arquitectura.png",</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
iconSize: new L.Point(16, 16),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
iconAnchor: new L.Point(8, 8),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
popupAnchor: new L.Point(1, -8)</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'"> }</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">}),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">cultura = L.Icon.extend({</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
options: {</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'">
</span><span lang="IT" style="font-family:'Courier New'">iconUrl: "../img/cultura.png",</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New'"> iconSize: new L.Point(16, 16),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New'"> iconAnchor: new L.Point(8, 8),</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New'"> popupAnchor: new L.Point(1, -8)</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New'"> }</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New'">});</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New'"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New';background-color:yellow">cartodb = new lvector.CartoDB({</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New';background-color:yellow"> user:
"xesco",</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span lang="IT" style="font-family:'Courier New';background-color:yellow"> </span><span style="font-family:'Courier New';background-color:yellow">table:
"patrimoni",</span><span style="font-family:'Courier New'"></span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:'Courier New'"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Y
hasta aquí puedo escribir, no sé cómo expresar que a los elementos de la tabla “patrimoni”
se les asigne un icono diferente según la categoría. Luego, tendría que definir
el popup…</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">La
idea de añadir el plugin Leaflet Vector viene de este enlace:</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><a href="http://geojason.info/leaflet-vector-layers/demos/cartodb/"><span style="font-family:Arial,sans-serif">http://geojason.info/leaflet-vector-layers/demos/cartodb/</span></a><span style="font-family:Arial,sans-serif"></span></p>
<p style="margin:0cm 0cm 0.0001pt 36pt;text-align:justify"><span style="font-size:11pt;font-family:Arial,sans-serif"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Ya
sé que pido demasiado, pero si se os ocurre cualquier cosa referente tanto al
PNOA como a la capa cartoDB será bienvenida.</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Muchas
gracias por vuestro tiempo.</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif"> </span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Saludos,</span></p>
<p class="" style="margin-bottom:0.0001pt;text-align:justify"><span style="font-family:Arial,sans-serif">Xesco</span></p></div>