From 85a1599a1a62e6782d18465ec9ec4d3d514a806d Mon Sep 17 00:00:00 2001 From: Tim Schaub Date: Thu, 7 Mar 2013 23:32:56 -0700 Subject: [PATCH] Removing the style rules example for now The addFeatures method on layer is going to go away temporarily (so all feature adding will take advantage of shared vertices structures). Later we can accept feature arrays in parseFeatures and rename the method back to addFeatures. --- examples/style-rules.html | 47 ------------------- examples/style-rules.js | 99 --------------------------------------- 2 files changed, 146 deletions(-) delete mode 100644 examples/style-rules.html delete mode 100644 examples/style-rules.js diff --git a/examples/style-rules.html b/examples/style-rules.html deleted file mode 100644 index aebef4be82..0000000000 --- a/examples/style-rules.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - - - Vector Layer Example - - -
-
-

Style rules example

-
Draws features with rule based styles.
-
-

See the - style-rules.js source - to see how this is done.

-
-
-
-
vector, feature, canvas
- - - diff --git a/examples/style-rules.js b/examples/style-rules.js deleted file mode 100644 index aa34ce8a00..0000000000 --- a/examples/style-rules.js +++ /dev/null @@ -1,99 +0,0 @@ -goog.require('ol.Collection'); -goog.require('ol.Coordinate'); -goog.require('ol.Expression'); -goog.require('ol.Feature'); -goog.require('ol.Map'); -goog.require('ol.RendererHint'); -goog.require('ol.View2D'); -goog.require('ol.filter.Filter'); -goog.require('ol.geom.LineString'); -goog.require('ol.layer.Vector'); -goog.require('ol.projection'); -goog.require('ol.source.Vector'); -goog.require('ol.style.Line'); -goog.require('ol.style.Rule'); -goog.require('ol.style.Style'); - - -var style = new ol.style.Style({rules: [ - new ol.style.Rule({ - filter: new ol.filter.Filter(function(feature) { - return feature.get('where') == 'outer'; - }), - symbolizers: [ - new ol.style.Line({ - strokeStyle: new ol.Expression('color'), - strokeWidth: 4, - opacity: 1 - }) - ] - }), - new ol.style.Rule({ - filter: new ol.filter.Filter(function(feature) { - return feature.get('where') == 'inner'; - }), - symbolizers: [ - new ol.style.Line({ - strokeStyle: '#013', - strokeWidth: 4, - opacity: 1 - }), - new ol.style.Line({ - strokeStyle: new ol.Expression('color'), - strokeWidth: 2, - opacity: 1 - }) - ] - }) -]}); - -var vector = new ol.layer.Vector({ - style: style, - source: new ol.source.Vector({ - projection: ol.projection.getFromCode('EPSG:3857') - }) -}); - -vector.addFeatures([ - new ol.Feature({ - g: new ol.geom.LineString([[-10000000, -10000000], [10000000, 10000000]]), - 'color': '#BADA55', - 'where': 'inner' - }), - new ol.Feature({ - g: new ol.geom.LineString([[-10000000, 10000000], [10000000, -10000000]]), - 'color': '#BADA55', - 'where': 'inner' - }), - new ol.Feature({ - g: new ol.geom.LineString([[-10000000, -10000000], [-10000000, 10000000]]), - 'color': '#013', - 'where': 'outer' - }), - new ol.Feature({ - g: new ol.geom.LineString([[-10000000, 10000000], [10000000, 10000000]]), - 'color': '#013', - 'where': 'outer' - }), - new ol.Feature({ - g: new ol.geom.LineString([[10000000, 10000000], [10000000, -10000000]]), - 'color': '#013', - 'where': 'outer' - }), - new ol.Feature({ - g: new ol.geom.LineString([[10000000, -10000000], [-10000000, -10000000]]), - 'color': '#013', - 'where': 'outer' - }) -]); - - -var map = new ol.Map({ - layers: new ol.Collection([vector]), - renderer: ol.RendererHint.CANVAS, - target: 'map', - view: new ol.View2D({ - center: new ol.Coordinate(0, 0), - zoom: 2 - }) -});