``` ## Using Mapbox GL JS with [Browserify](http://browserify.org/) To use the [vector tiles](https://www.mapbox.com/maps/) and styles hosted on http://mapbox.com, you must [create an account](https://www.mapbox.com/studio/signup/) and then [obtain an access token](https://www.mapbox.com/studio/account/tokens/). You may learn more about access tokens [here](https://www.mapbox.com/help/define-access-token/). Install the [`mapbox-gl` npm package](https://www.npmjs.com/package/mapbox-gl) ```bash npm install --save mapbox-gl ``` Instantiate `mapboxgl.Map` ```js var mapboxgl = require('mapbox-gl'); mapboxgl.accessToken = ''; var map = new mapboxgl.Map({ container: '', style: 'mapbox://styles/mapbox/streets-v9' }); ``` ## Using Mapbox GL JS with [Webpack](https://webpack.github.io/) To use the [vector tiles](https://www.mapbox.com/maps/) and styles hosted on http://mapbox.com, you must [create an account](https://www.mapbox.com/studio/signup/) and then [obtain an access token](https://www.mapbox.com/studio/account/tokens/). You may learn more about access tokens [here](https://www.mapbox.com/help/define-access-token/). Install the [`mapbox-gl` npm package](https://www.npmjs.com/package/mapbox-gl) and the required loaders. ```bash npm install --save mapbox-gl npm install --save transform-loader npm install --save json-loader npm install --save webworkify-webpack ``` Add the [required additional options from webpack.config.example.js](webpack.config.example.js) to your webpack configuration. Instantiate `mapboxgl.Map` ```js var mapboxgl = require('mapbox-gl'); mapboxgl.accessToken = ''; var map = new mapboxgl.Map({ container: '', style: 'mapbox://styles/mapbox/streets-v9' }); ``` ### Using import If you're using the ES6 module system, you can import `mapboxgl` like so: ```js import mapboxgl from 'mapbox-gl'; ``` ## Contributing to Mapbox GL JS See [CONTRIBUTING.md](https://github.com/mapbox/mapbox-gl-js/blob/master/CONTRIBUTING.md).