A Simple Lightweight Mapbox GL JS Component For Vue.js

Mapbox GL JS Vue.js is a simple and lightweight (9KB/3KB compressed) Map box GL JS Vue component.

vue mapbox npm, mapbox gl cdn, mapbox gl npm, vue mapbox gl github, vue mapbox ts, v mapbox

A Lightweight 3D Globe With Dotted World Map Using WebGL | COBE

Table of Contents

How to make use of it:

Install and download:

# Yarn
$ yarn add mapbox-gl-vue

# NPM
$ npm i mapbox-gl-vue

1. Import and register the component.

import Mapbox from 'mapbox-gl-vue';

export default {
  components: { Mapbox },
}

2. Add the component to the template, enter your API key, and pass the Mapbox GL JS options as below:

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

Mapbox GL JS Vue.js Component Plugin/Github

Official Website(phegman): Click Here

This superior jQuery/javascript plugin is developed by phegman. For extra Advanced Usages, please go to the official website.