Mapbox GL JS Component For Vue.js

A lightweight Mapbox GL JS component that helps developers render interactive maps in Vue applications.

Basic usage:

1. Import and register the component.

import Mapbox from 'mapbox-gl-vue';

export default {
  components: { Mapbox },
}

2. Add the component to the template, insert your own API key, and pass Mapbox GL JS options as follows:

<mapbox
  access-token="your access token"
  :map-options="{
    // map options here
  }"
/>

Preview:

Download Details:

Author: phegman

Live Demo: https://vue-mapbox-gl.peterhegman.com/

Download Link: https://github.com/phegman/vue-mapbox-gl/archive/refs/heads/master.zip

Official Website: https://github.com/phegman/vue-mapbox-gl

Install & Download:

# Yarn
$ yarn add mapbox-gl-vue

# NPM
$ npm i mapbox-gl-vue