[Users] How to change the drawing order (z-index) of layers inside a layertree

Zineb LAMRANI lamraniz at gmail.com
Thu Jun 7 15:54:01 CEST 2012


Hello,

I have the same problem. Did you find a solution?

Thank you

L.Z

2012/3/5 Robert Buckley <robertdbuckley at yahoo.com>

> Hi,
>
> I have a mappping project which uses the Ext.TreePanel to configure the
> layers as displayed underneath. I would like to be able to move the layers
> around (which is possible using enableDD: true) but in my case the
> drawing order doesn´t change. I.e when I move a layer upwards the drawing
> order (z-index) stays the same.
>
> What should I do to change the drawing order of the layers in the map when
> I change the order in the tree?
>
> Thanks for any tips,
>
> Rob
>
>
>
>
> First the layers definitions are defined...e.g
>
> var layer_zgb_grenze = new OpenLayers.Layer.WMS("Verwaltungsgrenzen:
> Planungsraum / Landkreis", "/geoserver/gwc/service/wms", {
>         layers: 'LK_Grenzen_gwc',
>         format: 'image/png',
>         transparent: true,
>         singleTile: true
>     }, {
>         'buffer': 0,
>         'opacity': 1,
>         'isBaseLayer': false,
>         visibility: true
>     });
>
> ...etc
>
> then I put the layers into an array so I can check their initial drawing
> order in the map (ps I have around 100 layers so this way it´s easier to
> see)
>
> e.g..
>
> // layers added first are at the bottom of the z-index
>
>
>     var grenzen_layers = [];
>
> grenzen_layers.push(Layer_grenzen_sg,Layer_grenzen_mg,layer_zgb_grenze);
>     map.addLayers(grenzen_layers);
>
>
> then the layers are put into the tree using the following....
>
> // create tree structure
> var treeConfig = [
>          {
>        nodeType: "gx_baselayercontainer",
>        text: "Basiskarten",
>    expanded: true,
>    hidden:true,
>        leaf: true,
>    loader: {
>    param: "LAYERS"
>    }
> },
> {
> text: "DOP",
> expanded: true,
> children: [
>         {
>              nodeType: 'gx_layer',
>  text:'DOP',
>              layer: dop,
>          //   icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Grenzen_SG_gen
> ',
>            qtip: "DOP"
>          }]
> },
> {
> text: "Verwaltungsgrenzen",
> expanded: true,
> children: [
>         {
>              nodeType: 'gx_layer',
>  text:'Planungsraum / Landkreis Grenze',
>              layer: layer_zgb_grenze,
>            // icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Suchraum_V1_wgs84
> ',
>  qtip: "Metadata"
>          },
>  {
>              nodeType: 'gx_layer',
>  text:'Samtgemeinde Grenze',
>              layer: Layer_grenzen_sg,
>            // icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Suchraum_V2_wgs84
> ',
>  qtip: "Metadata"
>          },
>  {
>              nodeType: 'gx_layer',
>  text:'Mitgliedsgemeinde Grenze',
>              layer: Layer_grenzen_mg,
>            // icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Suchraum_V3_wgs84
> ',
>  qtip: "Metadata"
>          }]
> },
> {
> text: "LROP / RROP",
> expanded: true,
> children: [
>         {
>              text: "LROP", //,layer_RROP
>  expanded: true,
>              children: [
>         {
>              nodeType: 'gx_layer',
>  text:'LROP',
>              layer: layer_LROP,
>           //  icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=wea_wgs84
> ',
>  qtip: "LROP"
>          }]
> }
>          ]
> },
> {
> text: "DGM",
> expanded: true,
> children: [
>         {
>              nodeType: 'gx_layer',
>  text:'DGM',
>              layer: layer_dgm,
>           //  icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Vorrangstandorte_WEA_RROP08_wgs84
> ',
>  qtip: "DGM"
>          }]
> },
> {
> text: "Suchräume",
> expanded: true,
> children: [
>         {
>              nodeType: 'gx_layer',
>  text:'layer_suchraumV1',
>              layer: layer_dgm,
>            // icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Suchraum_V1_wgs84
> ',
>  qtip: "Metadata"
>          },
>  {
>              nodeType: 'gx_layer',
>  text:'layer_suchraumV2',
>              layer: layer_dgm,
>            // icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Suchraum_V2_wgs84
> ',
>  qtip: "Metadata"
>          },
>  {
>              nodeType: 'gx_layer',
>  text:'layer_suchraumV3',
>              layer: layer_dgm,
>            // icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Suchraum_V3_wgs84
> ',
>  qtip: "Metadata"
>          },
>  {
>              nodeType: 'gx_layer',
>  text:'layer_suchraumV4',
>              layer: layer_dgm,
>            // icon: '
> http://maps.zgb.de/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=16&LAYER=Suchraum_V4_wgs84
> ',
>  qtip: "Metadata"
>          }]
> }
>
>    ];
>
> // create TreePanel
> var layerTree = new Ext.tree.TreePanel({
>     text: "Karteninhalt",
>     border: true,
>     region: "west",
>     animate: true,
>     height: 500,
>     width: 350,
>     enableDD: true,
>     split: true,
>     autoScroll: true,
>     containerScroll: true,
>     xtype: "gx_legendpanel",
>     showWmsLegend: true,
>     loader: new Ext.tree.TreeLoader({
>     applyLoader: false,
>         uiProviders: {
>                 "layernodeui": LayerNodeUI
>             }
>     }),
>     root: {
>         text: "ZGB GeoPortal",
>         nodeType: "async",
>         children: treeConfig,
> expanded: true
>     },
>     rootVisible: true,
>     lines: true
>  });
>
> _______________________________________________
> Users mailing list
> Users at geoext.org
> http://www.geoext.org/cgi-bin/mailman/listinfo/users
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20120607/f4378661/attachment-0001.htm 


More information about the Users mailing list