https://github.com/sroettering/mapbox-gl-draw-10m
https://github.com/sroettering/mapbox-gl-draw-10m
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sroettering/mapbox-gl-draw-10m
- Owner: sroettering
- License: isc
- Created: 2017-05-02T07:01:57.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-02T07:02:54.000Z (about 9 years ago)
- Last Synced: 2025-01-15T18:32:01.302Z (over 1 year ago)
- Language: JavaScript
- Size: 3.65 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# @mapbox/mapbox-gl-draw
[](https://greenkeeper.io/)
Adds support for drawing and editing features on [mapbox-gl.js](https://www.mapbox.com/mapbox-gl-js/) maps.
[](https://travis-ci.org/mapbox/mapbox-gl-draw)
**Requires [mapbox-gl-js](https://github.com/mapbox/mapbox-gl-js). Compatible versions are documented in the package.json**
**On NPM this package has recently moved from `mapbox-gl-draw` to `@mapbox/mapbox-gl-draw`**
### Installing
```
npm install @mapbox/mapbox-gl-draw
```
Draw ships with CSS, make sure you include it in your build. It can be found on our CDN or at `require('mapbox-gl-draw/dist/mapbox-gl-draw.css')`.
```html
```
### Usage in your application
**When using modules**
```js
var mapboxgl = require('mapbox-gl');
var MapboxDraw = require('@mapbox/mapbox-gl-draw');
```
**When using a CDN**
```html
```
**Example setup**
```js
mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v8',
center: [40, -74.50],
zoom: 9
});
var Draw = new MapboxDraw();
map.addControl(Draw)
```
### See [API.md](https://github.com/mapbox/mapbox-gl-draw/blob/master/API.md) for complete reference.
### Developing and testing
Install dependencies, build the source files and crank up a server via:
```
git clone git@github.com:mapbox/mapbox-gl-draw.git
npm install
npm start & open http://localhost:9966/debug/?access_token=
```
### Testing
```
npm run test
```
### Publishing
To github and npm
```
npm version (major|minor|patch)
git push --tags
git push
npm publish
```
Update the version number in [the GL JS example](https://github.com/mapbox/mapbox-gl-js/blob/mb-pages/docs/_posts/examples/3400-01-25-mapbox-gl-draw.html).
### Naming actions
We're trying to follow standards when naming things. Here is a collection of links where we look for inspriation.
- http://turfjs.org/docs.html
- http://toblerity.org/shapely/manual.html