From fe216e3da132939f2e58d7cd03fd913efc6bd083 Mon Sep 17 00:00:00 2001 From: Frederic Junod Date: Tue, 25 Mar 2014 17:08:35 +0100 Subject: [PATCH] Better vector style in tile-vector example --- examples/tile-vector.js | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/examples/tile-vector.js b/examples/tile-vector.js index d80fef1e31..6822562e53 100644 --- a/examples/tile-vector.js +++ b/examples/tile-vector.js @@ -6,6 +6,8 @@ goog.require('ol.layer.Vector'); goog.require('ol.proj'); goog.require('ol.source.Stamen'); goog.require('ol.source.TileVector'); +goog.require('ol.style.Stroke'); +goog.require('ol.style.Style'); goog.require('ol.tilegrid.XYZ'); var vectorSource = new ol.source.TileVector({ @@ -20,8 +22,24 @@ var vectorSource = new ol.source.TileVector({ z: 11 }); +var styleCache = {}; + var vector = new ol.layer.Vector({ - source: vectorSource + source: vectorSource, + style: function(feature, resolution) { + var strahler = feature.get('strahler'); + var styleArray = styleCache[strahler]; + if (!styleArray) { + styleArray = [new ol.style.Style({ + stroke: new ol.style.Stroke({ + color: '#29439c', + width: strahler + }) + })]; + styleCache[strahler] = styleArray; + } + return styleArray; + } }); var raster = new ol.layer.Tile({