The LayerSwitcher control displays a table of contents for the map. This allows the user interface to switch between BaseLasyers and to show or hide Overlays. By default the switcher is shown minimized on the right edge of the map, the user may expand it by clicking on the handle.
To create the LayerSwitcher outside of the map, pass the Id of a html div as the first argument to the constructor.
| OpenLayers. | The LayerSwitcher control displays a table of contents for the map. |
| Properties | |
| activeColor | {String} |
| layerStates | {Array(Object)} Basically a copy of the “state” of the map’s layers the last time the control was drawn. |
| layersDiv | {DOMElement} |
| baseLayersDiv | {DOMElement} |
| baseLayers | {Array(OpenLayers.Layer)} |
| dataLbl | {DOMElement} |
| dataLayersDiv | {DOMElement} |
| dataLayers | {Array(OpenLayers.Layer)} |
| minimizeDiv | {DOMElement} |
| maximizeDiv | {DOMElement} |
| ascending | {Boolean} |
| Constructor | |
| OpenLayers. | |
| Functions | |
| destroy | |
| setMap | |
| draw | {DOMElement} A reference to the DIV DOMElement containing the switcher tabs. |
| clearLayersArray | User specifies either “base” or “data”. |
| checkRedraw | Checks if the layer state has changed since the last redraw() call. |
| redraw | Goes through and takes the current state of the Map and rebuilds the control to display that state. |
| onLayerClick | Need to update the map accordingly whenever user clicks in either of the layers. |
| updateMap | Cycles through the loaded data and base layer input arrays and makes the necessary calls to the Map object such that that the map’s visual state corresponds to what the user has selected in the control. |
| maximizeControl | Set up the labels and divs for the control |
| minimizeControl | Hide all the contents of the control, shrink the size, add the maximize icon |
| showControls | Hide/Show all LayerSwitcher controls depending on whether we are minimized or not |
| loadContents | Set up the labels and divs for the control |
| ignoreEvent | |
| mouseDown | Register a local ‘mouseDown’ flag so that we’ll know whether or not to ignore a mouseUp event |
| mouseUp | If the ‘isMouseDown’ flag has been set, that means that the drag was started from within the LayerSwitcher control, and thus we can ignore the mouseup. |
{Array(OpenLayers.Layer)}
{Array(OpenLayers.Layer)}
destroy: function()
setMap: function( map )
{DOMElement} A reference to the DIV DOMElement containing the switcher tabs.
draw: function()
User specifies either “base” or “data”.
clearLayersArray: function( layersType )
Checks if the layer state has changed since the last redraw() call.
checkRedraw: function()
Goes through and takes the current state of the Map and rebuilds the control to display that state.
redraw: function()
Need to update the map accordingly whenever user clicks in either of the layers.
onLayerClick: function( e )
Cycles through the loaded data and base layer input arrays and makes the necessary calls to the Map object such that that the map’s visual state corresponds to what the user has selected in the control.
updateMap: function()
Set up the labels and divs for the control
maximizeControl: function( e )
Hide all the contents of the control, shrink the size, add the maximize icon
minimizeControl: function( e )
Hide/Show all LayerSwitcher controls depending on whether we are minimized or not
showControls: function( minimize )
Set up the labels and divs for the control
loadContents: function()
ignoreEvent: function( evt )
Register a local ‘mouseDown’ flag so that we’ll know whether or not to ignore a mouseUp event
mouseDown: function( evt )
If the ‘isMouseDown’ flag has been set, that means that the drag was started from within the LayerSwitcher control, and thus we can ignore the mouseup.
mouseUp: function( evt )