vue 中使用 import 加载arcgis

在 Vue 中使用 `import` 加载 ArcGIS API for JavaScript 可以按照以下步骤：

1. 安装 ArcGIS API for JavaScript。

npm install @arcgis/core

2. 在 Vue 组件中使用 `import` 引入需要的模块。

// 引入ArcGIS API
import * as ArcGIS from "@arcgis/core";

// 引入 ArcGIS Map 组件
import MapView from "@arcgis/core/views/MapView";

// 引入 ArcGIS WebMap 组件
import WebMap from "@arcgis/core/WebMap";

3. 在 `created()` 钩子函数中，创建 ArcGIS Map 和 View。

created() {
  // 创建WebMap
  const webmap = new WebMap({
    portalItem: {
      id: "webmap id"
    }
  });

  // 创建MapView
  const view = new MapView({
    container: "viewDiv",
    map: webmap
  });

  // 设置地图范围
  view.extent = {
    xmin: -118.805,
    ymin: 31.955,
    xmax: -116.540,
    ymax: 34.891,
    spatialReference: {
      wkid: 4326
    }
  };
}

4. 在 Vue 模板中添加一个 `div` 元素作为地图容器。

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

这样就可以在 Vue 中使用 `import` 加载 ArcGIS API for JavaScript，创建并显示一个简单的地图。