首先npm安装Leaflet
npm install esri-leaflet --save
其次引入esri-leaflet
import L from 'leaflet'
var esri = require("esri-leaflet");
var esri = require("esri-leaflet");是网上大部分代码的引入方式,这样引入方式没问题,却增加Vue代码编译体积。
正确引入方式是用到那个类再import那个,这样引入js文件更少,体积更少,而且方便对日后需要对源代码修改的地方进行修改。
import featureLayer from 'esri-leaflet/src/Layers/FeatureLayer/FeatureLayer'
import dynamicMapLayer from 'esri-leaflet/src/Layers/DynamicMapLayer'
使用的时候可以减少esri.featureLayer前面esri.前缀
let vectorLayer = featureLayer({ url: '' }).addTo(map)