Skip to content Vue component based on mapboxgl.js
JavaScript Vue HTML CSS
Branch: master
Clone or download
Pull request Compare This branch is 58 commits ahead of soal:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows Create npmpublish.yml Dec 4, 2019
assets add stackblitz button Dec 7, 2019
dist Fix package name and Update Readme Jan 8, 2020
docs Fix Docs URL Jan 8, 2020
.babelrc add some packages Nov 27, 2019
LICENSE Refreshing Apr 14, 2017
package-lock.json Fix package name and Update Readme Jan 8, 2020
package.json Fix package name and Update Readme Jan 8, 2020
prettier.config.js Prettier config added Jan 4, 2019
vue.config.js Version 0.2 (soal#88) Feb 16, 2019


npm version Vue wrapper for mapbox-gl-js. Expose a bunch of component meant to be simple to use for Vue.

Get API Key

🔑 You should first get api key from


npm i mapir-vue

Quick start


  <div id="app">
    <mapir :center="center" :apiKey="apiKey"></mapir>


  import { mapir } from "mapir-vue";

  export default {
    name: "App",
    components: { mapir },
    data() {
      return {
        apiKey: YOUR_API_KEY,
        center: [51.420296, 35.732379]


  #app {
    width: 90vw;
    height: 90vh;

Edit Vue Template

📖 English Documentation

You can’t perform that action at this time.