This is my sample code and work fine 
, But I have a little problem,
I'm using multiple layers (WMS), when I zoom the layer will be shown or hidden. In my example bellow when OpenLayers level zoom is greater than 3 I'm showing layer2 and hiding layer1. And also I create a control to active highlight ability. this example code for
control = new OpenLayers.Control.GetFeature({ protocol: OpenLayers.Protocol.WFS.fromWMSLayer(layer2), box: true, multipleKey: "shiftKey", toggleKey: "ctrlKey" }); control.events.register("featureselected", this, function(e) { select.addFeatures([e.feature]); }); control.events.register("featureunselected", this, function(e) { select.removeFeatures([e.feature]); }); map.addControl(control); control.activate(); when OpenLayers level zoom less than 3 I'm showing back layer1 and hiding layer2. and I will deactivate highlighting control. and clearing all features selected.
I have trouble to do it, and bellow example code :
// Layer 1 layer1 = new OpenLayers.Layer.WMS( "Map A", serverUrl, { LAYERS: 'basic:layerA', STYLES: '', format: format }, { isBaseLayer: true, visibility: true } ); // Layer2 layer2 = new OpenLayers.Layer.WMS( "Map B", serverUrl, { LAYERS: 'basic:layerB', STYLES: '', format: format, transparent: true, tiled: true, }, { isBaseLayer: false, visibility: false, unsupportedBrowsers:[] } ); select = new OpenLayers.Layer.Vector("Selection", {styleMap: new OpenLayers.Style(OpenLayers.Feature.Vector.style["select"]) }); map.addLayers([layer1,layer2,select]); //Zoomend event map.events.on({"zoomend": function (e) { console.log(this.getZoom()); //I have trouble in here if (this.getZoom() > 3) { layer2.setVisibility(true); layer1.setVisibility(false); control = new OpenLayers.Control.GetFeature({ protocol: OpenLayers.Protocol.WFS.fromWMSLayer(layer2), box: true, multipleKey: "shiftKey", toggleKey: "ctrlKey" }); control.events.register("featureselected", this, function(e) { select.addFeatures([e.feature]); }); control.events.register("featureunselected", this, function(e) { select.removeFeatures([e.feature]); }); map.addControl(control); control.activate(); } else{ // In here, I will deactive controll above (hightligthing controll) layer2.setVisibility(false); layer1.setVisibility(true); } } }); And should must I do ?
أكثر...
, But I have a little problem,I'm using multiple layers (WMS), when I zoom the layer will be shown or hidden. In my example bellow when OpenLayers level zoom is greater than 3 I'm showing layer2 and hiding layer1. And also I create a control to active highlight ability. this example code for
control = new OpenLayers.Control.GetFeature({ protocol: OpenLayers.Protocol.WFS.fromWMSLayer(layer2), box: true, multipleKey: "shiftKey", toggleKey: "ctrlKey" }); control.events.register("featureselected", this, function(e) { select.addFeatures([e.feature]); }); control.events.register("featureunselected", this, function(e) { select.removeFeatures([e.feature]); }); map.addControl(control); control.activate(); when OpenLayers level zoom less than 3 I'm showing back layer1 and hiding layer2. and I will deactivate highlighting control. and clearing all features selected.
I have trouble to do it, and bellow example code :
// Layer 1 layer1 = new OpenLayers.Layer.WMS( "Map A", serverUrl, { LAYERS: 'basic:layerA', STYLES: '', format: format }, { isBaseLayer: true, visibility: true } ); // Layer2 layer2 = new OpenLayers.Layer.WMS( "Map B", serverUrl, { LAYERS: 'basic:layerB', STYLES: '', format: format, transparent: true, tiled: true, }, { isBaseLayer: false, visibility: false, unsupportedBrowsers:[] } ); select = new OpenLayers.Layer.Vector("Selection", {styleMap: new OpenLayers.Style(OpenLayers.Feature.Vector.style["select"]) }); map.addLayers([layer1,layer2,select]); //Zoomend event map.events.on({"zoomend": function (e) { console.log(this.getZoom()); //I have trouble in here if (this.getZoom() > 3) { layer2.setVisibility(true); layer1.setVisibility(false); control = new OpenLayers.Control.GetFeature({ protocol: OpenLayers.Protocol.WFS.fromWMSLayer(layer2), box: true, multipleKey: "shiftKey", toggleKey: "ctrlKey" }); control.events.register("featureselected", this, function(e) { select.addFeatures([e.feature]); }); control.events.register("featureunselected", this, function(e) { select.removeFeatures([e.feature]); }); map.addControl(control); control.activate(); } else{ // In here, I will deactive controll above (hightligthing controll) layer2.setVisibility(false); layer1.setVisibility(true); } } }); And should must I do ?
أكثر...