@tilecloud/mbgl-export-control NPM

@tilecloud/mbgl-export-control

This is a Mapbox GL JS plugin that allows you to download the map as .png file.

npm.io

Demo

https://geolonia.github.io/mbgl-export-control/

How to install

$ npm install @tilecloud/mbgl-export-control

Then:

import 'babel-polyfill' // For ie11
import ExportControl from '@tilecloud/mbgl-export-control'

const map = new mapboxgl.Map({...});

// Add the control to download png.
map.addControl(new ExportControl());

Options

The constructor of this plugin has some options.

new ExportControl({
  dpi: 300,
  attribution: "© OpenStreetMap Contributors",
})

dpi - Optional. Resolution for the png image. The default value is 300.
attribution - Optional. The attribution text for map exported with png format.
textFont - Optional. An array of text fonts. ["Noto Sans Italic", "..."]. If it is empty, this plugin try to detect font from JSON for the style of the map.