OpenLayers6入门，vue项目集成并使用OpenLayers地图的两种方式

专栏目录：
OpenLayers6入门教程汇总目录

一、前言

OpenLayers6本身已经是支持模块化，所以引入vue项目很简单。
在vue中使用OpenLayers6，最简单的是混合方式，直接在vue项目中和前端代码混在一起写，适合业务简单的项目。
另一种是与前端代码分离的方式，前端写前端的，gis写gis的，各写各的，互不影响，最后前端以模块化的方式使用地图功能代码，这样可以实现gis地图功能代码复用，引入其他地方也可以复用。

二、如何引入OpenLayers6到Vue项目

很多在校同学和对vue不熟悉的同学对项目结构有疑惑，所以单独建了一章（vue小白必读）OpenLayers入门，快速搭建vue+OpenLayers地图脚手架项目，方便快速上手vue项目搭建。

1、安装OpenLayers依赖到Vue项目中