# Using the Lowcoder GEO plugin

This plugin enables the usage of [Openlayers](https://openlayers.org/) within lowcoder. To use this plugin.

1. Open your lowcoder environment >> go to the app >> Select insert tab click on extentions.

![insert](https://github.com/sjhoeksma/lowcoder-comp-geo/blob/dev/docs/images/steps/1.png)

2. write the name of the npm package, for the our extentions will be : `lowcoder-comp-geo` or the full url of the package `https://www.npmjs.com/package/lowcoder-comp-geo`

![insert](https://github.com/sjhoeksma/lowcoder-comp-geo/blob/dev/docs/images/steps/2.png)

3. Drag and drop the `geo` component, Start using the plugin adding different type of layers like :
   - GeoJSON
   - Cloud Optimized GeoTIFF (COG)
   - PMTiles (Raster and Vector)
   - XYZ
   - WMS
   - WFS
   - Mapbox Vector Tiles ({z}/{x}/{y}.pbf)
   - Mapbox Style GL Json
   - ArcGIS FeatureServer (with Esri Style)
   - ArcGIS MapServer
   - ArcGIS ImageServer
   - ArcGIS TileServer
   - ArcGIS VectorTileServer (with Esri Style)

![insert](https://github.com/sjhoeksma/lowcoder-comp-geo/blob/dev/docs/images/steps/3.gif)

# Documentation

The ui of the plugin should be more or less self explaining. If you want a basic explanation of all switches and settings look at the [tutorial](https://sjhoeksma.github.io/lowcoder-comp-geo/#/tutorial)

# Example

To help you with understanding how you can use this plugin we have added an <a href='https://sjhoeksma.github.io/lowcoder-comp-geo/lowcoder-example/lowcoder-comp-geo.json' download="lowcoder-comp-geo.json">example application</a>. Just download the json application file and import it within lowcoder or follow the instructions step by step in our [tutorial]()

#### Viewer

![viewer](https://github.com/sjhoeksma/lowcoder-comp-geo/blob/dev/docs/images/baseconfig.png?raw=true)
