Contents
How to control group of layers in layerswitcher?
Grouped layer list control for an OpenLayer map. To be shown in the LayerSwitcher layers should have a title property; base layers should have a type property set to base. Group layers (LayerGroup) can be used to visually group layers together; a group with a fold property set to either open or close will be displayed with a toggle.
How to add a layer to a layer group?
Add a layer to an existing layer group after the layer switcher has been added to the map.
Where can I find the Ol layerswitcher CSS file?
The CSS file ol-layerswitcher.css can be found in ./node_modules/ol-layerswitcher/dist To use the layerswitcher with the ol package and a module bundler such as Parcel, Webpack etc. see ol-layerswitcher-examples.
How to close the layer switcher in CSS?
The close button is positioned to the left of the panel, to move it to the right add the following to your CSS: Example with the layer switcher starting open using startActive: true. Here shown in combination with `activationMode: ‘click’ which, while not required, is probably the most common scenario.
Do you have to add base to layerswitcher?
For this reason, Matt Walker’s LayerSwitcher requires you to add type: ‘base’ to any layer that you want to act as “base” layer. So take this example, where we have two “base” layers and two “overlay” layers:
How to control the height of the layer switcher?
Makes the panel scroll vertically, the height of the layer switcher is controlled by setting the max-height style (see examples/scroll.css) and it’s position relative to the bottom of the map (see the .layer-switcher.shown selector in dist/ol-layerswitcher.css ). Demonstrates rendering the layer tree into a Turbo87/sidebar-v2 pane.
Which is the best version of Ol layerswitcher?
Compatible with OpenLayers version 3, 4, 5 and 6 (see note in Install – Parcel, Webpack etc. regarding installing the appropriate version of ol-layerswitcher for OpenLayers). The examples demonstrate usage and can be viewed online thanks to raw.githack.com: Create a layer switcher control.