tecnica:gps_cartografia_gis:openlayers_style
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revisionLast revisionBoth sides next revision | ||
tecnica:gps_cartografia_gis:openlayers_style [2009/09/17 16:30] – created niccolo | tecnica:gps_cartografia_gis:openlayers_style [2011/07/15 16:02] – [Utilizzare l'oggetto StyleMap] niccolo | ||
---|---|---|---|
Line 14: | Line 14: | ||
<code css> | <code css> | ||
# | # | ||
+ | /* This will work: */ | ||
width: 250px; | width: 250px; | ||
- | /* Does not work: overridden by the JavaScript constructor. | + | /* Does not work: overridden by the JavaScript constructor. |
- | * color: yellow; | + | color: yellow; |
- | * float: left; | + | float: left; |
- | */ | + | |
} | } | ||
</ | </ | ||
Line 66: | Line 66: | ||
<code javascript> | <code javascript> | ||
- | {{{ | ||
var styleMap = new OpenLayers.StyleMap({ | var styleMap = new OpenLayers.StyleMap({ | ||
" | " | ||
Line 75: | Line 74: | ||
fillColor: " | fillColor: " | ||
}); | }); | ||
- | }}} | ||
</ | </ | ||
+ | |||
+ | ===== Definire lo stile di un Vector layer ===== | ||
+ | |||
+ | Esempio: | ||
+ | |||
+ | <code javascript> | ||
+ | var style = new OpenLayers.Style(); | ||
+ | |||
+ | style.strokeColor = strokeColor; | ||
+ | style.strokeWidth = strokeWidth; | ||
+ | style.strokeOpacity = strokeOpacity; | ||
+ | style.fillColor = fillColor; | ||
+ | style.fillOpacity = fillOpacity; | ||
+ | |||
+ | var vector = new OpenLayers.Layer.Vector(label, | ||
+ | vector.addFeatures( | ||
+ | new OpenLayers.Feature.Vector( | ||
+ | new OpenLayers.Geometry.LinearRing(points_array), | ||
+ | null, | ||
+ | style | ||
+ | ) | ||
+ | ); | ||
+ | </ | ||
+ | |||
+ | ===== Gesione zoom ===== | ||
+ | |||
+ | Il livello **minimo** di **zoom** è associato al numero **zero** (slider tutto verso il simbolo **-**). Per sapere a quale valore di scala corrisponde ogni livello di zoom si può aggiungere questo codice al JavaScript: | ||
+ | |||
+ | <code javascript> | ||
+ | map.events.register(" | ||
+ | alert(" | ||
+ | }); | ||
+ | </ | ||
+ | |||
+ | Il codice, associato formalmente ad un layer, viene in realtà eseguito al termine di ogni operazione di zoom e mostra il livello di zoom corrente e il valore di scala. | ||
+ | |||
+ | Aumentando un livello di zoom la scala raddoppia (dimezza il denominatore). Un layer può essere visibile solo a certi valori di scala impostando **'' | ||
+ | |||
+ | Ecco un esempio di come rendere visibile un layer solo ai livelli di zoom **5**, **6** e **7**: | ||
+ | |||
+ | ^ ^ getZoom() | ||
+ | | **+** | 9 | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | | **-** | 0 | 161990886.472 | No | | ||
+ | |||
+ | I parametri **'' |
tecnica/gps_cartografia_gis/openlayers_style.txt · Last modified: 2011/07/15 16:03 by niccolo