``` npm install @eox/layercontrol ```
``
npm install @eox/layercontrol
`
// for setups with bundlers e.g. Vite
import "@eox/layercontrol"
// or, for e.g. single HTML files without bundler
import "@eox/layercontrol/dist/eox-layercontrol.js"
`
The query selector of the eox-map you wish to attach the layer control to.
`
When used with a vanilla OpenLayer map, you need to reference the JS map object in the DOM, such as:
`
const olMap = new Map({
...
target: "map-div"
})
document.querySelector("map-div").map = olMap
`
The layer identifier property of the layers. Fallback is set automatically based on ol_uid if not provided.
The layer title property of the layers. "title" by default, fallback is set automatically based on "layer" + ol_uid if not provided.
Display the unstyled version of the layer control.
In order to be displayed correctly, the OpenLayers map layers need some custom properties (using e.g. layer.set(property, value)).
The layer id. Not required but recommended (see automatic fallback).
The title of the layer displayed in the layer control. Not required (see automatic fallback), but recommended in order to display human-readable layer titles.
Completely hide a layer from the layer control.
Initially hide a layer from the layer control, but make it available as an optional layer. If the layer is selected and added, it will be set to visible and pushed to the top of the layer list or (if originally configured within a layer group) to the top of the layer group.
Make layers mutually exclusive. If two or more layers (on the same level, i.e. at root or inside a layer group) have this property, then only one of them can be visualized at a time.
Pre-expand a layer dropdown so that it is always open when the component initializes.
`
npm install
npm start
npm run format
npm version
npm run build
npm publish (requires OTP)
``
This element includes components tests and is part of e2e tests. Please refer to the root README for more details.
Created automatically here