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

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

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值