vue+openlayers构建第一个项目

第一步：构建一个新的vue项目

用脚手架@vue/cli

npm install -g @vue/cli

创建项目，ESLint可以先不用，有点碍事

vue init webpack vue-openlayers

 用开发工具打开项目，跑起来看看有没有问题

npm install
npm run dev

 

 第二步：安装ol

npm install ol

 第三步：创建地图组件mapView

第四步：在router中引入组件

 第五步：在App.vue中改一下布局参数，让地图显示出来，sytle中加上高度

第六步：运行

源码地址：

vue-openlayers: openlayers学习https://gitee.com/tang_workhome/vue-openlayers.git