SuperMap iClient for Leaflet +vue框架 （一）创建地图

可以参考官方文档：但是文档是HTML，需要自己进行转换

1、安装vuecli

npm install -g vue-cli 

2、创建项目

vue init webpack vue_leaflet

3、安装leaflet

npm install leaflet --save

4、安装 SuperMap iClient for Leaflet：（注：安装依赖时要进入其文件夹）

npm install @supermap/iclient-leaflet

5、将组件中的helloWorld.vue 改成mLeaflet,router也需要更改

6、在main.js引入css文件和js文件

import 'leaflet/dist/leaflet.css'
import '@supermap/iclient-leaflet'
import 'leaflet/dist/leaflet'

7、mLeaflet.vue页面创建一幅地图

引入L：

import L from 'leaflet'

我是通过一个函数来展示地图，然后mounted(){捕捉该函数}

页面全部代码：

页面效果