默认是加载4.x的api在线连接。
1. template
部分
<template>
<div></div>
</template>
2. 导包部分 js和css自动导入最新版,所以不用再导入loadScript
和loadCss
import { loadModules } from 'esri-loader'
3. export
接口部分
export default {
name: 'web-map',
mounted() {
loadModules(['esri/map', 'esri/views/MapView', 'esri/layers/MapImageLayer', 'esri/geometry/Extent', 'esri/geometry/SpatialReference'], { css: true })
.then(([ArcGISMap, MapView, MapImageLayer, Extent, SpatialReference]) => {
const map = new ArcGISMap({
logo: false
})
var dongURL = 'http://localhost:6080/arcgis/rest/services/shopping/payMon_zenzhag/MapServer'
var donglayer = new MapImageLayer(dongURL)
map.add(donglayer)
this.view = new MapView({
container: this.$el,
map: map,
zoom: 8
})
})
},
beforeDestroy() {
if (this.view) {
this.view.container = null
}
}
}