Oltb NPM | npm.io

OLTB v2.2.0

OLTB is a Vanilla JS, portable mobile friendly GIS Toolbar, developed using OpenLayers 8.2.0. The Toolbar can be filled with any number of tools and can be used in both horizontal and vertical mode and is available in both light and dark theme.

Latest Build - Demo

The latest demo is built using the last official release.

Screenshots

Screenshot Light Theme

Screenshot Dark Theme

NPM

$ npm install oltb

CDN

https://cdn.jsdelivr.net/npm/oltb@v2.2.0/dist/oltb.min.js
https://cdn.jsdelivr.net/npm/oltb@v2.2.0/dist/oltb.min.css

Examples

Examples for both the NPM and CDN version can be viewed in the examples directory. Use Git history and the tagged releases to look at older examples.

Documentation

Have a look at the Internal Development Documentation. Here you find detailed descriptions and code examples of how individual parts can be used.

Key Features

Draggable layers
Create Map- and Feature layers on the fly
Stores state in local storage
Draw objects including intersections
Measure both length and areas
Snap interactions
Merge drawings and measurements with different shape operations
Generate Markers
Generate Wind Barbs
Save locations as Bookmarks
Export PNG of canvas and additional HTML objects
Compare maps side by side
Light and Dark mode
Vertical and Horizontal mode
Built in debugging help
Parameters for customizability
Callback functions for integrations
Internationalization, included are:
- English
- Swedish
- Easily extend with your own JSON language file

Tools

The following tools are implemented in the project. The tools are devided in two different categories, Hidden and Non-Hidden tools. The differenc is that Hidden tools are not displayed in the Toolbar, but only add functionality in the contextmenu.