vuemaps

A Vue.js library for interactive map APIs.

Mapbox

The Mapbox components require some instance of mapboxgl. If you're using the components in a Vue.js application, you can use Mapbox as a plugin (see an example of this in src/main.js).

If that's not available to you, you can include Mapbox GL JS from the CDN. The components will look first for a Vue prototype $mapboxgl. If that is unavailable, they will look for a window.mapboxgl.

For Mapbox GL JS to work, you need a Mapbox access token. You can provide that in the demo app by creating a .env.local file in the root of the directory and setting VUE_APP_MAPBOX_TOKEN to your token.

$3

For some projects, we may want to allow users to access the map object from Mapbox, so MapboxMap and ScrollyMap both set window.GLOBAL_MAP_VAR on map load. TODO: make this opt in as a toggle in the component.

Project setup

``
npm install
`

$3

There's a demo application at src/App.vue which gives use case examples. To view it:

`
npm run serve
`

$3

The build process targets a library and does not inline Vue.js.

`
npm run build
`

$3

`
npm run test
`

$3

`
npm run lint
``

$3

See Configuration Reference.