summaryrefslogtreecommitdiff
path: root/misc/openlayers/examples/style-rules.js
diff options
context:
space:
mode:
Diffstat (limited to 'misc/openlayers/examples/style-rules.js')
-rw-r--r--misc/openlayers/examples/style-rules.js99
1 files changed, 0 insertions, 99 deletions
diff --git a/misc/openlayers/examples/style-rules.js b/misc/openlayers/examples/style-rules.js
deleted file mode 100644
index 42d3f00..0000000
--- a/misc/openlayers/examples/style-rules.js
+++ /dev/null
@@ -1,99 +0,0 @@
-var map;
-
-function init() {
- map = new OpenLayers.Map("map");
-
- var wms = new OpenLayers.Layer.WMS(
- "OpenLayers WMS",
- "http://vmap0.tiles.osgeo.org/wms/vmap0",
- {layers: "basic"}
- );
-
- /**
- * Create 50 vector features. Your features would typically be fetched
- * from the server. These are created here to demonstrate a rule based
- * style. The features are given an attribute named "foo". The value
- * of this attribute is an integer that ranges from 0 to 100.
- */
- var features = new Array(25);
- for (var i=0; i<features.length; i++) {
- features[i] = new OpenLayers.Feature.Vector(
- new OpenLayers.Geometry.Point(
- (340 * Math.random()) - 170,
- (160 * Math.random()) - 80
- ), {
- foo: 100 * Math.random() | 0
- }
- );
- }
-
- /**
- * Here we create a new style object with rules that determine
- * which symbolizer will be used to render each feature.
- */
- var style = new OpenLayers.Style(
- // the first argument is a base symbolizer
- // all other symbolizers in rules will extend this one
- {
- graphicWidth: 21,
- graphicHeight: 25,
- graphicYOffset: -28, // shift graphic up 28 pixels
- label: "${foo}" // label will be foo attribute value
- },
- // the second argument will include all rules
- {
- rules: [
- new OpenLayers.Rule({
- // a rule contains an optional filter
- filter: new OpenLayers.Filter.Comparison({
- type: OpenLayers.Filter.Comparison.LESS_THAN,
- property: "foo", // the "foo" feature attribute
- value: 25
- }),
- // if a feature matches the above filter, use this symbolizer
- symbolizer: {
- externalGraphic: "../img/marker-blue.png"
- }
- }),
- new OpenLayers.Rule({
- filter: new OpenLayers.Filter.Comparison({
- type: OpenLayers.Filter.Comparison.BETWEEN,
- property: "foo",
- lowerBoundary: 25,
- upperBoundary: 50
- }),
- symbolizer: {
- externalGraphic: "../img/marker-green.png"
- }
- }),
- new OpenLayers.Rule({
- filter: new OpenLayers.Filter.Comparison({
- type: OpenLayers.Filter.Comparison.BETWEEN,
- property: "foo",
- lowerBoundary: 50,
- upperBoundary: 75
- }),
- symbolizer: {
- externalGraphic: "../img/marker-gold.png"
- }
- }),
- new OpenLayers.Rule({
- // apply this rule if no others apply
- elseFilter: true,
- symbolizer: {
- externalGraphic: "../img/marker.png"
- }
- })
- ]
- }
- );
-
- // create the layer styleMap that uses the above style for all render intents
- var vector = new OpenLayers.Layer.Vector("Points", {
- styleMap: new OpenLayers.StyleMap(style)
- });
- vector.addFeatures(features);
-
- map.addLayers([wms, vector]);
- map.setCenter(new OpenLayers.LonLat(0, 0), 1);
-}