mbvue_xh

mbvue

灵感

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

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

npm 安装

npm install mbvue

npm install less less-loader -D

需要安装 less 和 less-loader

快速上手

将介绍如何使用 mbvue

引入 mbvue

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

完整引入

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

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')