veith/openlayers-elements

Web Components for OpenLayers maps

OpenLayers Web Components

This is monorepo which contains:

1. core OpenLayers elements (incl. map itself) (@openlayers-elements/core)
2. common OpenLayers elements (layers, markers, etc) (@openlayers-elements/openlayers-elements)
3. Swiss layers from geoadmin.ch (@openlayers-elements/swisstopo-elements)
4. Package with bundles for quick and easy usage (@openlayers-elements/bundle)

Features

While extensive, human-friendly documentation is not yet available, be sure to check out the different features supported by the components live:

1. Core map features
   • Zooming to layers and features
2. OpenStreetMaps
   • DEMO
3. Adding features to the map (aka. vector layers)
   • GeoJSON
   • WKT
   • Styling, actual code here
4. XYZ Tile layers
   • DEMO
5. Map markers
   • DEMO
6. Map interactions
   • Select on click
7. Adding custom map controls
   • Positioning and styling
8. Adding overlays (popups, etc)
   • Basic example
   • Combine with selection
9. Swiss layers
   • WMTS source
   • XYZ layers, reprojected to Mercator

API Docs

All the live demos also include generated API documentation.

Running locally

Simply execute

yarn build
yarn start

And open the webpack-dev-server page (typically http://localhost:8080)

Acknowledgements

Carefully tested on Browserstack