ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #2678 from ahocevar/mutable-styles

Browse Source 
Mutable symbolizer properties for styles
This commit is contained in:
Andreas Hocevar
2014-09-11 13:14:43 -07:00
parent b86cb1f7b5 267a950435
commit 3da9a67162
7 changed files with 286 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
examples/vector-layer.js
View File

@@ -11,37 +11,34 @@ goog.require('ol.style.Style');
goog.require('ol.style.Text');
var styleCache = {};
var style = new ol.style.Style({
fill: new ol.style.Fill({
color: 'rgba(255, 255, 255, 0.6)'
}),
stroke: new ol.style.Stroke({
color: '#319FD3',
width: 1
}),
text: new ol.style.Text({
font: '12px Calibri,sans-serif',
fill: new ol.style.Fill({
color: '#000'
}),
stroke: new ol.style.Stroke({
color: '#fff',
width: 3
})
})
});
var styles = [style];
var vectorLayer = new ol.layer.Vector({
source: new ol.source.GeoJSON({
projection: 'EPSG:3857',
url: 'data/geojson/countries.geojson'
}),
style: function(feature, resolution) {
var text = resolution < 5000 ? feature.get('name') : '';
if (!styleCache[text]) {
styleCache[text] = [new ol.style.Style({
fill: new ol.style.Fill({
color: 'rgba(255, 255, 255, 0.6)'
}),
stroke: new ol.style.Stroke({
color: '#319FD3',
width: 1
}),
text: new ol.style.Text({
font: '12px Calibri,sans-serif',
text: text,
fill: new ol.style.Fill({
color: '#000'
}),
stroke: new ol.style.Stroke({
color: '#fff',
width: 3
})
})
})];
}
return styleCache[text];
style.getText().setText(resolution < 5000 ? feature.get('name') : '');
return styles;
}
});