2019-05-07 Vue+Openlayer

参考文章:https://www.jianshu.com/p/fd399ad4b7d8

1、安装vue-cli

npm install -g @vue/cli

2、vue初始化项目,一路Enter,默认

vue init webpack vue-openlayers

3、安装ol包

cnpm i -S ol(指定版本安装:cnpm  i -S [email protected])

4、创建组件,更改路由

src\components\olmap.vue






src\App.vue






src\router\index.js

import Vue from 'vue'
import Router from 'vue-router'
import olmap from '../components/olmap'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'olmap',
      component: olmap
    }
  ]
})

你可能感兴趣的:(2019-05-07 Vue+Openlayer)