当前位置: 首页 > 工具软件 > Esri Leaflet > 使用案例 >

Vue-leaflet系列(1):Vue加载esri-leaflet按需引入方式

隆睿
2023-12-01

首先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)

 类似资料: