supermap:在vue项目里使用leaflet的环境准备

leaflet是地图组件（官网全英文），supermap将其封装得更为强大，我使用的是封装后的SuperMap iClient for Leaflet。

1、安装SuperMap iClient for Leaflet

执行命令：npm install @supermap/iclient-leaflet

2、安装依赖

执行命令：npm install

（如果是内网，没法用npm安装，那就直接引入js文件吧，但是我尝试了N多种方法，一直失败，所以我只会用npm）

在supermap的官网可以下载这些文件。

iClient for Leaflet 开发指南http://support.supermap.com.cn:8090/iserver/iClient/forJavaScript/web/introduction/leafletDevelop.html

3、引入css

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"/>

<link rel="stylesheet" href="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.min.css"/>

 如果是内网，无法访问在线的css文件，那么就将已经下载的css文件放在assets文件夹下（css和images都需要放进去），然后在main.js里面全局引入。

 

4、引入leaflet和supermap

看下面截图的4、5行即可，图片用的旧图。

到这里环境就配置好了，终于可以开始画地图了。