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 install mapbox-gl-draw-shape-builder@next
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);
});
npm build-web
with browsify
npm build-all
with babel
MIT
Developed by @tagconn
Project template: https://github.com/geostarters/mapbox-gl-draw-assisted-rectangle-mode