vue-mgl

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

Features #

• High-quality Vue components out of the box.
• Low overhead

Environment Support #

• last 20 chrome versions

Version #

You can subscribe to this feed for new version notifications: https://github.com/magicdawn/vue-mgl/releases.atom

Installation #

npm #

npm install -S vue-mgl

and vue-mgl peerDependencies

npm i -S mapbox-gl vue

Using the new features of vue, like provide / inject(2.2.0+)

Import in Browser #

<!-- mapbox-gl style -->
<link href="https://cdn.jsdelivr.net/npm/mapbox-gl@1.6.0/dist/mapbox-gl.css" rel="stylesheet" />

<!-- import vue -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"></script>

<!-- import mapbox-gl -->
<script src="https://cdn.jsdelivr.net/npm/mapbox-gl"></script>

<!-- import lodash -->
<script src="https://cdn.jsdelivr.net/npm/lodash"></script>

<!-- import vue-mgl -->
<script src="https://cdn.jsdelivr.net/npm/vue-mgl@0.3.0/dist/vue-mgl-full.umd.min.js"></script>

Links #

• Home Page
• Components
• Change Log
• FAQ

Contributing #

• just create a from https://github.com/magicdawn/vue-mgl/pulls
• Feel free to report bugs and issues https://github.com/magicdawn/vue-mgl/issues