ArcGIS for js 4.x 加载图层

二维：

1、创建vue项目

npm create vite@latest

2、安装ArcGIS JS API依赖包

npm install @arcgis/core

3、引入ArcGIS API for JavaScript模块

4、创建vue组件

5、创建一个初始化函数initArcGisMap()用于创建Map实例和MapView实例

	




	#mapView{
		width: 100%;
		height:100vh;
	}
	
	

比例尺设置（scaleBar.js文件）：

import ScaleBar from "@arcgis/core/widgets/ScaleBar";
// 比例尺
const scale = ((mapView) =>{
	let scaleBar = new ScaleBar({
		view:mapView
	});
	
	// Add widget to the bottom left corner of the view
	mapView.ui.add(scaleBar, {
		position: "bottom-left"
	});
	
});

export default scale;

三维：

创建一个初始化函数initArcGisMap()用于创建Map实例和SceneView实例(三维场景)

注意：三维和二维引入的东西不一样

	
		






	#sceneView{
		width: 100%;
		height: 100vh;
	}