arcgis画线根据长度_arcgisforjs实现计算绘制线的长度

在使用Arcgis API for Javascript进行做地图开发的过程中&＃xff0c;在地图进行画线、画面是经常使用的功能。本文主要介绍这一功能。

本文适用Arcgis API版本&＃xff1a;Arcgis API for JS 4.x以上。

方案分析&＃xff1a;

首先要初始化 map 和 mapView(2D map).&＃xff0c;之后使用Draw进行画线、画面操作&＃xff0c;最后把线、面添加到 Graphic 上&＃xff0c;完成操作。

步骤

首先在html中设置放map的容器。

2.初始化map和mapView&＃xff1b;

3.在画线还是画面都需要使用到一个类&＃xff1a;Draw;

4.在画面的过程中需要指定要使用的坐标参考系 spatialReference ;

html部分&＃xff1a;

JS部分&＃xff1a;

画线效果展示&＃xff1a;

因为画线和画面的逻辑是一样的&＃xff0c;只是某些值不一样而已&＃xff0c;就不多开篇幅了。

红框里的都是可以画的&＃xff0c;点/多点/线/面/矩形/圆/椭圆&＃xff0c;都是可以画的&＃xff0c;样式还是蛮多的。

drawOption是可选参数&＃xff0c;可以不写。从官网来看&＃xff0c;drawOption暂时只有一个属性mode&＃xff0c;mode有三个值&＃xff1a;hybrid&＃xff0c;freehand&＃xff0c;click。

hybrid

可以Click或者拖拽动态可以生成指定的图形。目前支持的图形有polyline和polygon。

freehand

指定只有拖拽动作才能生成图形(想像按住鼠标左键一直不松手进行鼠标拖拽。)。目前支持的图形有polyline和polygon。

click

点击生成指定的图形。适用于目前支持的所有图形。

有疑问&＃xff0c;欢迎留言。。。

OK&＃xff0c;本文到这就结束了 。本文仅供参考&＃xff0c;转载本文请注明出处&＃xff0c;谢谢。~~~