mapbox-gl-draw-shape-builder

A custom mode for MapboxGL Draw

Usage no npm install needed!

<script type="module">
  import mapboxGlDrawShapeBuilder from 'https://cdn.skypack.dev/mapbox-gl-draw-shape-builder';
</script>

README

Mapbox GL Draw Shape Builder

This is a custom mode for (Mapbox GL Draw) [https://github.com/mapbox/mapbox-gl-draw] that adds the functionality to build new shape from selected shape.

npm version

Install

npm install mapbox-gl-draw-shape-builder@next

Usage

import ShapeBuilder from 'mapbox-gl-draw-shape-builder';
mapboxgl.accessToken = '';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'https://tilemaps.icgc.cat/tileserver/styles/water.json',
    center: [2.278507, 41.594896],
    zoom: 16
});
var modes = MapboxDraw.modes;
modes.shape_builder = ShapeBuilder.default;
var draw = new MapboxDraw({
    modes: modes
});
map.addControl(draw);
draw.changeMode('shape_builder');
map.on('draw.create', function (feature) {
    console.log(feature);
});

Build

npm build-web with browsify npm build-all with babel

License

MIT

Credits

Developed by @tagconn

Project template: https://github.com/geostarters/mapbox-gl-draw-assisted-rectangle-mode