open-index/open-npm huggingface dataset:
npm package: @stcorp/feature-gl-layer
Description: A GL-powered canvas layer for rendering features on top of Leaflet
Author: Martti Kaipiainen
Latest version: 1.0.21
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# A plugin for visualizing large amounts of data on a GL-overlay on top of Leaflet

### About

This plugin can be used to visualize large amounts of data on top of a Leaflet-map.
Supports points, rasterized data, and triangles. 

### Installation

`npm install leaflet-gl-canvas`

### Usage

```js
// Import leaflet
import 'leaflet/dist/leaflet.css';
import * as L from 'leaflet';

// Import plugin
const GlFeatureLayer = require('leaflet-gl-canvas');

// Create a leaflet-map
const map = L.map('map')
    .setView([50.00, 14.44], 0);

const data = {
    latitudes: [1.0, 2.0, 3.0],
    longitudes: [-3.0, 2.0, 5.0],
    values: [255, 255, 255]
}

const options = {
    glLayerOptions: {
        points: data // or raster or bounds
    }
}
const leafletGlCanvas = new LeafletGlCanvas(options);
leafletGlCanvas.addTo(map);
```
npm package: @stcorp/leaflet-gl-canvas
Description: A GL-powered canvas layer on top of Leaflet
Author: Martti Kaipiainen
Latest version: 1.0.19
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# A plugin for visualizing large amounts of data on a GL-overlay on top of Leaflet

### About

This plugin can be used to visualize large amounts of data on top of a Leaflet-map.
Supports points, rasterized data, and triangles. 

### Installation

`npm install leaflet-gl-canvas`

### Usage

```js
// Import leaflet
import 'leaflet/dist/leaflet.css';
import * as L from 'leaflet';

// Import plugin
const { LeafletGlCanvas } = require('leaflet-gl-canvas');

// Create a leaflet-map
const map = L.map('map')
    .setView([50.00, 14.44], 0);

// Currently requires values and a supplied colormap in the format [[r, g, b], [r, g, b], [r, g, b]...]
// R, G and B each being a value between 0 and 1
const data = {
    latitudes: [1.0, 2.0, 3.0],
    longitudes: [-3.0, 2.0, 5.0],
    values: [255, 255, 255],
    colorMap: [...Array(256).keys()].map(item => [item/256, item/256, item/256]),
}

const options = {
    glLayerOptions: {
        points: data // or raster or bounds
    }
}
const leafletGlCanvas = new LeafletGlCanvas(options);
leafletGlCanvas.addTo(map);
```
npm package: @stcorp/leaflet-gl-vector-layer
Description: A GL-powered vector layer for leaflet
Author: Martti Kaipiainen
Latest version: 0.3.0

# A plugin for creating a GL vector-layer to visualize large amounts of points and polygons

### About

This plugin can be used to visualize large amounts of data on top of a Leaflet-map.
Supports points and polygons.

### Installation

`npm install @stcorp/leaflet-gl-vector-layer`
`yarn add @stcorp/leaflet-gl-vector-layer`

### Usage

```js
// Import leaflet
import 'leaflet/dist/leaflet.css';
import * as L from 'leaflet';

// Import plugin
import {LeafletGlVectorLayerWrapper, LeafletGlVectorLayer} from '@stcorp/leaflet-gl-vector-layer';
import '@stcorp/leaflet-gl-vector-layer/dist/index.css';
// Create a leaflet-map
const map = L.map('map')
    .setView([50.00, 14.44], 0);

const data = {
    latitudes: [1.0, 2.0, 3.0],
    longitudes: [-3.0, 2.0, 5.0],
    values: [255, 255, 255]
}

const options = {
    leafletGlVectorLayerOptions: {
        data: data,
        plot_type: 'points' //or 'grid'/'swath'
    }
}

// Create wrapper, add it to map, and add a layer to the wrapper.
let wrapper = new LeafletGlVectorLayerWrapper();
let layer = new LeafletGlVectorLayer(options);
wrapper.addTo(map);
wrapper.addlayer(layer);


// Support multiple layers like so:

let wrapper = new LeafletGlVectorLayerWrapper();
let layer = new LeafletGlVectorLayer(options);
let layer2 = new LeafletGlVectorLayer(options2);
wrapper.addTo(map);
wrapper.addlayer(layer);
wrapper.addlayer(layer2);
```

Alternatively, you can import the plugin directly in your HTML from a CDN

```
  <link rel="stylesheet" href="https://unpkg.com/@stcorp/leaflet-gl-vector-layer@0.1.9/dist/index.css">
  <script src="https://unpkg.com/@stcorp/leaflet-gl-vector-layer@0.1.9/dist/index.umd.js"></script>
```

Then, you can use the plugin in the following way:

```
var map = L.map('map', {})
  .setView([0, 0], 0);

var glVectorLayerWrapper = new window.leafletGlVectorLayer.LeafletGlVectorLayerWrapper();
var singleGlVectorLayer = new window.leafletGlVectorLayer.LeafletGlVectorLayer(leafletGlVectorLayerOptions);

glVectorLayerWrapper.addTo(map);
glVectorLayerWrapper.addLayer(singleGlVectorLayer);
```