ArcGIS Maps :在Vue3中加载ArcGIS地图

Vue3中使用ArcGIS Maps SDK for JavaScript的步骤

一、创建 Vue 3 项目
1、新建ArcGISAPIProject文件夹,并用vscode打开

2、打开终端,在终端中输入npm create vite@latest+项目名称vite-vue3-arcgis,选择vue框架,并选中JavaScript语音创建项目

3、创建成功后,进入vite-vue3-arcgis文件夹,并使用pnpm i 安装依赖

4、安装成功后,输入npm run dev,运行项目查看基础框架是否正常

5、安装 ArcGIS Maps SDK for JavaScript
在终端中输入npm install @arcgis/core 安装ArcGIS Maps SDK for JavaScript

二、创建地图组件
1、在src文件夹下的components文件夹中新建ArcGisMap.vue组件

2、在ArcGisMap.vue组件中的template中新建一个div,设置id属性为viewDiv,作为地图的容器,

3、导入需要的地图模块;要想在容器中展示地图,需要导入ArcGis为我们提供的Map和MapView两个模块

import Map from 

你可能感兴趣的:(ArcGIS Maps :在Vue3中加载ArcGIS地图)