安装依赖
// 安装依赖
npm i esri-loader -S
//页面使用
import * as esri from 'esri-loader';
//但我使用的是3.33版本的,所以又引入了3.33版本的
//直接在mounted里使用,
mounted() {
esri.loadScript({ url: 'https://js.arcgis.com/3.33/' })
esri.loadCss('https://js.arcgis.com/3.33/esri/css/esri.css')
}
初始化
使用esri的API时,需要引入对应的API,按需引入即可
我这里是引用ArcGIS Server里的图层
所以初始化也只需要引入Map以及加载图层的API即可ArcGISDynamicMapServiceLayer
直接上代码吧
initMap() {
esri.loadModules([
'esri/map',
'esri/layers/ArcGISDynamicMapServiceLayer',
'dojo/domReady!',
], { css: true })
.then(([
Map,
ArcGISDynamicMapServiceLayer,
]) => {
//实例化地图
this.map = new Map("map", {
slider: false, //缩放按钮移除
logo: false //logo移除
});
//加载图层
let mapServer = new ArcGISDynamicMapServiceLayer(this.url)
this.map.addLayer(mapServer)
})
},
成果如下
刚入门,不足之处请见谅