简介
vue是一个渐进式javascript框架,用来快速构建网页项目,在vue框架之上结构化leaflet地图库的产物vue2leaflet可以在vue项目中很方便的加载地图,下面简单介绍一个vue2leaflet加载地图的过程。
第一个地图显示页面
第一步:新建vue项目
![](http://pnabaentf.bkt.clouddn.com//20190303185210.png)
第二步:安装Vue2Leaflet
在项目目录下运行如下代码
npm i vue2-leaflet -S
实测项目还需安装leaflet
npm install --save leaflet
第三步: 新建VueLeaflet.vue
在components文件夹中新建vue文件VueLeaflet.vue
在template标签下增加如下内容,