NgwMapbox

Single-file bundle for rapid deployment of Mapbox 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, NgwMapbox and NgwMap will be registered as a global variable.

<script src="../lib/ngw-mapbox.global.js"></script>

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

CDN

unpkg

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

jsdelivr

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

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

In Node.js

$ npm install --save-dev @nextgis/ngw-mapbox
# or
$ yarn add @nextgis/ngw-mapbox

Usage

import NgwMap from '@nextgis/ngw-mapbox';

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

Check out the API Documentation

Commercial support

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