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;
}