18 ArcGIS API for JavaScript 4.18绘制线段和面要素之后获取长度及面积

X北辰北

于 2021-01-08 15:33:45 发布

阅读量2.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： ArcGIS API for JS 4.X学习文章标签： ArcGIS API ArcGIS API获取长度 ArcGIS绘制线段获取长度 ArcGIS面要素获取长度 ArcGIS获取面积和周长

本文链接：https://blog.csdn.net/qq_35117024/article/details/112365008

ArcGIS API for JS 4.X学习专栏收录该内容

26 篇文章 ¥29.90 ¥99.00

订阅专栏

本文介绍了如何使用ArcGIS API for JavaScript 4.18获取绘制线段的长度和面要素的面积、周长。通过监听SketchViewModel的绘制完成事件，结合GeometryService模块的lengths()和areasAndLengths()方法，实现对绘制几何对象的测量。详细步骤包括实例化SketchViewModel、设置符号样式、激活绘制工具以及调用相应API获取信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写在前面

上一文中我们介绍了一下如何通过鼠标点击的形式绘制点、线、面要素，大家看了代码之后应该感觉其实很简单，就是使用了"esri/widgets/Sketch/SketchViewModel"这个API模块来实现的。

大致实现流程如下：

实例化SketchViewModel
设置点、线、面三种符号的样式
激活SketchViewModel相应的绘制工具
绘制

以上就是通过鼠标点击的形式绘制点、线、面要素的整体流程，我们可以通过下面绘制一个点要素的代码来看一下这个流程，代码如下：

// 绘制之前先实例化一个Graphic图层，用于存放绘制的点、线、面要素
const graphicsLayer = new GraphicsLayer({
	id: 'pointGraphicLayer',
	elevationInfo: {
		mode: 'on-the-ground',
	},
});
mainView.map.add(graphicsLayer);

// 2、设置点要素的符号
const pointSymbol = {
	type: 'simple-marker',
	style: 'diamond',
	color: '#d81e06',
	size: '32px',
	outline: {
		color: [255, 255, 255],
		width: 3,
	},
};

// 1、实例化SketchView

了解本专栏