NgwMaplibreGL

Single-file bundle for rapid deployment of Maplibre GL JS based web-gis applications with NextGIS services

Styles images and other assets are already in bundle, you don't need to include anything except one JS file!

Installation

In Browser

Include assets

Simply download and include with a script tag, NgwMaplibreGL and NgwMap will be registered as a global variable.

<script src="../lib/ngw-maplibre-gl.global.prod.js"></script>

<div id='map'></div>
<script>
  // const ngwMap = new NgwMaplibreGL({
  const ngwMap = new NgwMap({
    baseUrl: 'https://demo.nextgis.com',
    target: 'map',
    qmsId: 448,
    webmapId: 3985
  });
</script>
Copy

CDN

unpkg

<script src="https://unpkg.com/@nextgis/ngw-maplibre-gl"></script>
Copy

jsdelivr

<script src="https://cdn.jsdelivr.net/npm/@nextgis/ngw-maplibre-gl"></script>
Copy

We recommend linking to a specific version number /ngw-maplibre-gl@[version]

In Node.js

npm install maplibre-gl @nextgis/ngw-maplibre-gl
Copy

Usage

import NgwMap from '@nextgis/ngw-maplibre-gl';

const ngwMap = new NgwMap({
  baseUrl: 'https://demo.nextgis.com',
  target: 'map',
  qmsId: 448,
  webmapId: 3985
});
Copy

Check out the API Documentation

Commercial support

Need to fix a bug or add a feature to @nextgis/ngw-maplibre-gl? We provide custom development and support for this software. Contact us to discuss options!