vue实现arcgis

Vue 集成 ArcGIS API 的方法

安装 ArcGIS API for JavaScript 的 Vue 插件或直接引入 CDN：

npm install esri-loader
# 或使用官方 Vue 插件
npm install @arcgis/core @arcgis/webpack-plugin

基础地图初始化

在 Vue 组件中通过 esri-loader 动态加载模块：

import { loadModules } from 'esri-loader';

export default {
  async mounted() {
    const [Map, MapView] = await loadModules([
      'esri/Map',
      'esri/views/MapView'
    ], { css: true });

    const map = new Map({ basemap: 'streets-navigation-vector' });
    new MapView({
      container: 'viewDiv',
      map: map,
      center: [-118.244, 34.052],
      zoom: 12
    });
  }
}

使用 @arcgis/core 的现代方式

通过 npm 安装核心库后直接导入：

import Map from '@arcgis/core/Map';
import MapView from '@arcgis/core/views/MapView';

export default {
  mounted() {
    const map = new Map({ basemap: 'osm-standard' });
    const view = new MapView({
      container: 'viewDiv',
      map: map,
      zoom: 6,
      center: [113.5, 22.2] //