1. vue-mgl

vue-mgl

vue-mgl

mapbox-gl vue components (map, layers, sources, controls)

Build Status
Coverage Status
npm version
npm downloads
npm license

Install

 $ npm i vue-mgl --save

builds

file field desc externals
dist/vue-mgl.esm.js package.module es module build external all dependencies
dist/vue-mgl.common.js package.main commonjs build external all dependencies
dist/vue-mgl-full.umd.js package.umd browser build, for <script src> use external mapbox-gl & vue

API

use global mgl-* component

 import VueMgl from 'vue-mgl'
import Vue from 'vue'
Vue.use(VueMgl) // this will add MglMap ... global components

manual import

 import { MglMap, MglSource, MglLayer } from 'vue-mgl'

export default {
  // ...
  components: { MglMap, MglSource, MglLayer },
  // ...
}

Changelog

CHANGELOG.md

License

the MIT License http://magicdawn.mit-license.org