Skip to content
Map.ir 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.
Permalink
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
docs_source
src
.babelrc add some packages Nov 27, 2019
.browserslistrc
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
.tern-project
.travis.yml
LICENSE Refreshing Apr 14, 2017
README.md
babel.config.js
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
yarn.lock

README.md

MapirVueComponent

npm version

Map.ir 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 Map.ir

Installation

npm i mapir-vue

Quick start

Template

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

Script

<script>
  import { mapir } from "mapir-vue";

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

html

<style>
  #app {
    width: 90vw;
    height: 90vh;
  }
</style>

Edit Vue Template

📖 English Documentation

You can’t perform that action at this time.