diff --git a/examples/ordering.html b/examples/ordering.html index a5575f350d..2536bd0056 100644 --- a/examples/ordering.html +++ b/examples/ordering.html @@ -110,13 +110,15 @@ var layer = new OpenLayers.Layer.Vector( "Drawing Order", { - // Note there's no z-index set, and yOrdering is left - // to its default. + // The zIndex is taken from the zIndex attribute of the features styleMap: new OpenLayers.StyleMap({ + graphicZIndex: "${zIndex}", externalGraphic: "../img/marker-green.png", pointRadius: 10 }), - isBaseLayer: true + isBaseLayer: true, + // enable the indexer by setting zIndexing to true + rendererOptions: {zIndexing: true} } ); @@ -140,12 +142,17 @@ var leftLonLat = map.getLonLatFromViewPortPx(left); orderingFeatures.push( new OpenLayers.Feature.Vector( - new OpenLayers.Geometry.Point(leftLonLat.lon, bottomLonLat.lat) + new OpenLayers.Geometry.Point(leftLonLat.lon, bottomLonLat.lat), + // Set the zIndex attribute of all features to 0. + // This attribute will be assigned to the graphicZIndex symbolizer property by the layer's styleMap + {zIndex: 0} ) ); bottom.y -= POINT_DISTANCE / 2; // Divide by 2 for better visual. left.x += POINT_DISTANCE / 2; } + // only the first feature gets a zIndex attribute of 1 + orderingFeatures[0].attributes.zIndex = 1; layer.addFeatures(orderingFeatures); } @@ -177,13 +184,13 @@
| @@ -191,9 +198,9 @@ |
- In this map, features are not given z-indexes, and the layer's yOrdering parameter is set to the default (false). This configuration makes features succomb to drawing order instead of z-index order or y-order.
+ In this map, zIndexing is set to true. All features are given the same z-index (0), except for the first feature which has a z-index of 1. The layer's yOrdering parameter is set to the default (false). This configuration makes features succomb to z-index and drawing order (for the features with the same z-index), instead of y-order.
- The features in this map were drawn from left to right and bottom to top, diagonally, to show that y-ordering is not enabled. + The features in this map were drawn from left to right and bottom to top, diagonally, to show that y-ordering is not enabled. Only the lower-left corner feature is drawn on top of the others, because it has a higher z-index (1 instead of 0). |