Skip to content

A custom mode that implement illustrator shape builder tool, can make new shape from several shape.

License

Notifications You must be signed in to change notification settings

ilomon10/mapbox-gl-draw-shape-builder

Repository files navigation

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

About

A custom mode that implement illustrator shape builder tool, can make new shape from several shape.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published