OpenLayers Web Components

This is monorepo which contains:

• core OpenLayers elements (incl. map itself) (@openlayers-elements/core)
• common OpenLayers elements (layers, markers, etc) (@openlayers-elements/openlayers-elements)
• Swiss layers from geoadmin.ch (@openlayers-elements/swisstopo-elements)
• 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:

• Core map features
  • Zooming to layers and features
• OpenStreetMaps
  • DEMO
• Adding features to the map (aka. vector layers)
  • GeoJSON
  • WKT
  • Styling, actual code here
• XYZ Tile layers
  • DEMO
• Map markers
  • DEMO
• Map interactions
  • Select on click
• Adding custom map controls
  • Positioning and styling
• Adding overlays (popups, etc)
  • Basic example
  • Combine with selection
• 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