Differences

This shows you the differences between two versions of the page.

--- tecnica:gps_cartografia_gis:openlayers_tips [2011/07/19 18:32] – [Click destro] niccolo
+++ tecnica:gps_cartografia_gis:openlayers_tips [2012/06/21 11:06] – [OpenLayers, ricette e trucchi] niccolo
@@ Line 6: / Line 6: @@
   * [[http://trac.osgeo.org/openlayers/wiki/Documentation|More documentation]]
   * [[http://openlayers.org/dev/examples/|Examples gallery]]
+  * [[http://ole.geops.de/|OpenLayers Editor]] extend OpenLayers functionality
 ===== Layer supportati da OpenLayers =====
@@ Line 235: / Line 235: @@
 il **rettangolo che evidenzia l'estensione** nella overview potrà variare dalla **metà** dell'estensione dell'overview fino a **un decimo**. Oltre questi limiti l'overview viene zoommata opportunamente.
-===== Sistemi di riferimento =====
+===== Sistemi di riferimento extra =====
 OpenLayers supporta alcuni sistemi di riferimento, di questi è posibile fare la riproiezione al volo (layer vettoriali). Tra i sistemi supportati nativamente ci sono:
@@ Line 246: / Line 246: @@
 <code html>
 <script type="text/javascript" src="libs/proj4js/lib/proj4js-compressed.js"></script>
+<script type="text/javascript" src="libs/proj4js/lib/defs/EPSG3003.js"></script>
+<script type="text/javascript" src="libs/proj4js/lib/defs/EPSG23032.js"></script>
 <script type="text/javascript" src="libs/openlayers/OpenLayers.js"></script>
 </code>
-In teoria OpenLayers dovrebbe scoprire automaticamente che è disponibile la libreria proj4js, ma non è chiaro come.
+In teoria OpenLayers dovrebbe scoprire automaticamente che è disponibile la libreria proj4js, senza bisogno di includere lo script. ma non è chiaro come.
-Sistemi di riferimento aggiuntivi possono essere definiti con la stessa sintassi di PROJ.4. Il sistema più comodo è aggiungere dei file nella directory **''proj4js/lib/defs/''** sull'esempio dei file esistenti. Ad esempio si aggiunge il file **''EPSG3003.js''**:
+Sistemi di riferimento aggiuntivi vengono definiti con la stessa sintassi di PROJ.4, aggiungendo dei file nella directory **''proj4js/lib/defs/''**, nell'esempio sopra sono stati inclusi ''EPSG:3003'' e ''EPSG:23032''.
+Ecco ad esempio il file **''EPSG3003.js''**:
 <code javascript>
@@ Line 259: / Line 263: @@
 </code>
-Se non si aggiunge manualmente la definizione, proj4js tenta di scaricarla da spatialreference.org. L'operazione viene effettuata a runtime e in modo asincorno, quindi potrebbe causare problemi difficili da risolvere.
+Dopo aver incluso il JavaScript di cui sopra, diventa possibile fare operazioni del tipo:
+<code javascript>
+var lonLat = new OpenLayers.LonLat(1554000, 4678000);
+alert("lonLat = " + lonLat);
+lonLat.transform(new OpenLayers.Projection('EPSG:3003'), new OpenLayers.Projection('EPSG:23032'));
+alert("lonLat = " + lonLat);
+</code>
+:!: **ATTENZIONE!** Se non si aggiunge manualmente la definizione del sistema di riferimento (inline nel codice o tramite un file in **''lib/defs/''**) proj4js tenta di scaricarla da spatialreference.org. L'operazione **viene effettuata a runtime e in modo asincorno**, quindi potrebbe causare **problemi difficili da risolvere**. Un sintomo è che l'oprazione ''transform()'' pare non avere effetto sull'oggetto, in quanto il JavaScript non ha fatto in tempo a recuperare la definizione del sistema di riferimento.
 ===== i18n =====
@@ Line 306: / Line 319: @@
         alert("mouse right click event!");
         OpenLayers.Event.stop(e);
-        return;
+        return false;
     }
 }
@@ Line 314: / Line 327: @@
 </code>
+===== Problema con Layer.Markers e pop-up =====
+Se si disegna un layer di tipo **''OpenLayers.Layer.Markers()''** che contiene delle **''OpenLayers.Feature()''** con il relativo attributo **''popupClass''**, bisogna fare in modo che questi layer siano aggiunti alla mappa per ultimi, altrimenti si rischia che un altro layer (es. un **''OpenLayers.Layer.Vector()''**) aggiunto sopra intercetti il clik e impedisca la comparsa del popup.
+È possibile anche usare il metodo **''raiseLayer()''** per abbassare di livello un layer, in modo che venga messo in fondo e non intercetti il clik che fa apparire il popup:
+<code javascript>
+map.addLayer(vectorLayer);
+map.raiseLayer(vectorLayer, 2 - map.getNumLayers());
+</code>
+Si decrementa di 2 per tenere in conto il layer stesso e un solo baselayer, di 3 se i baselayer sono due, ecc.