使用Arcgis进行画面(线)并计算大小(长度)。

2018-11-12 06:50:52来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

 

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

  本文适用Arcgis API版本:Arcgis API for JS 4.x以上。

  •  方案分析:

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

  • 步骤

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

     

   2.初始化map和mapView;

     

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

     

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

 

  开始画面 geometryEngine  计算面的大小:

 html部分:

 

 JS部分:

 

 

画线效果展示:

 

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

 

  我在多啰嗦两句吧。虽然一直在说画线、画面,其实   draw.create(drawAction,drawOption?);    还能画其他的形状;

  

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

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

 

hybrid 可以Click或者拖拽动态可以生成指定的图形。目前支持的图形有polyline和polygon。
freehand 指定只有拖拽动作才能生成图形(想像按住鼠标左键一直不松手进行鼠标拖拽。)。目前支持的图形有polyline和polygon。
click 点击生成指定的图形。适用于目前支持的所有图形。

 

 

有疑问,欢迎留言。。。

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:webpack学习笔记(1)--webpack.config.js

下一篇:js-2018-11-09 关于Array中的srot()方法和compare()方法