SpringBoot+Vue+OpenLayers6完成前后端分离的“疫情地图”实战项目（一、地图数据处理及代码托管）

前面我们介绍了Vue+webpack+openlayer的地图基础知识，从这一章开始，我们将正式开始我们的基于SpringBoot+Vue+OpenLayers的实战项目---疫情地图！

一、疫情地图数据处理

这里我介绍一下数据来源，我们首先从这里：http://datav.aliyun.com/tools/atlas/#&lat=34.994003757575776&lng=96.85546875&zoom=4

下载到全国各省（这里疫情数据我只统计到了省级）的行政区划图，然后在ArcGIS中根据当前国内疫情感染人数给矢量数据赋值如下图：

这里SHP数据的最后一个字段countNum就是截至到3.26日中国境内各省的疫情感染人数。

二、新建项目covidmap并托管到码云

1、码云新建项目，这里我建立了一个开源项目covidmap

 2、电脑本地新建一个文件夹用来克隆码云上我们刚刚新建的项目，

这里直接在文件夹右击使用Git bash命令

在命令行使用命令  git  clone  ********  后面是具体的码云上项目的地址

上面的截图说明代码已经克隆到本地了。

3、创建项目：

4、运行测试创建的