mbvue

灵感

mbvue 是一套为 Vue 应用使用的 MapboxGL 风格的 地图 组件库。❤

> 灵感来自于 Github 上的 arturbien/React95 项目。


npm 安装

``shell
npm install mbvue

npm install less less-loader -D
`

> 需要安装 less 和 less-loader

快速上手

将介绍如何使用 mbvue

引入 mbvue

你可以引入整个 mbvue，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 mbvue。

$3

在 main.js 中写入以下内容：

`js{2,5}
import Vue from 'vue'
import ElementUI from 'element-ui';

import MBMapCom, {
addHugePoints,
drawCircleSymbol,
queryGeometry,
filterKeySearch,
clearSpatial,
RouteTrack, InfoWindow,
filterKeyPOI,
filterKey } from 'mbvue';

Vue.use(MBMapCom);
Vue.use(RouteTrack);
Vue.use(leftPanel);
Vue.use(InfoWindow);

Vue.config.productionTip = false
Vue.prototype.addHugePoints = addHugePoints
Vue.prototype.drawCircleSymbol = drawCircleSymbol
Vue.prototype.queryGeometry = queryGeometry
Vue.prototype.filterKeySearch = filterKeySearch
Vue.prototype.clearSpatial = clearSpatial
Vue.prototype.filterKeyPOI = filterKeyPOI
Vue.prototype.filterKey = filterKey

new Vue({
render: h => h(App),
}).$mount('#app')

``