vue中调用arcgisserver地图服务

可以通过使用 ArcGIS API for JavaScript 官方提供的 ArcGISDynamicMapServiceLayer 类来实现，在 Vue 组件中引入 ArcGIS API for JavaScript，并在生命周期函数 mounted 中初始化地图。

以下是示例代码：

<template>
  <div id="map"></div>
</template>

<script>
import esriLoader from 'esri-loader';

export default {
  name: 'MapComponent',
  mounted() {
    esriLoader.loadModules(['esri/map', 'esri/layers/ArcGISDynamicMapServiceLayer'], {
      url: 'https://js.arcgis.com/3.30/'
    }).then(([Map, ArcGISDynamicMapServiceLayer]) => {
      // 初始化地图
      const map = new Map('map', {
        center: [-118.2437, 34.0522],
        zoom: 8
      });

      // 添加动态地图服务图层
      const serviceUrl = 'http://your-arcgis-server-url/arcgis/rest/services/your-service-name/MapServer';
      const layer = new ArcGISDynamicMapServiceLayer(serviceUrl);
      map.addLayer(layer);
    });
  }
};
</script>

<style>
#map {
  height: 500px;
}
</style>

这是一个简单的 Vue 组件，其中利用 esri-loader 异步加载 ArcGIS API for JavaScript 中的 Map 和 ArcGISDynamicMapServiceLayer 类，并在 mounted 周期中利用类创建地图并添加动态地图服务图层。

其中需要注意的是，serviceUrl 需要根据实际情况进行替换。