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

专栏目录:
OpenLayers入门教程汇总目录

一、前言

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

二、如何引入OpenLayers到Vue项目

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

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

"ol"

你可能感兴趣的:(#,vue.js,前端,javascript,gis地图开发,OpenLayers)