为了账号安全,请及时绑定邮箱和手机立即绑定

arcgis api for js入门开发系列五地图态势标绘

上一篇实现了demo的地图查询功能,本篇新增地图态势标绘模块,截图如下:
图片描述
本篇核心的在于调用API的Draw工具:
构造函数:
一般来说,传参map对象进来就行,其他参数可选的,用默认的就行,除非你想专门设置;
其中,activate函数可以激活触发绘制的行为,绘制结束之后在绘制结束事件里面获取geometry:
地图态势标绘实现的思路:利用API的Draw工具实现普通的点线面绘制,但是对于燕尾箭头、集结地、弧线、曲线、简单箭头等特殊的军事态势需要自定义来绘制了,所以需要拓展Draw工具才能实现,也是本篇的精华所在。
一、Draw类js文件:
1是继承拓展Draw的文件目录;2是实现态势标绘模块的js文件。
首先,需要在map.html页面引用进来:
其中,paths代表需要引用的路径。
其次,在map.js文件的初始化里面引用拓展的js文件DrawEx以及DrawExt:
二、谈谈Draw工具调用的思路,不管调用arcgis api原生态的Draw,还是拓展Draw的,都是先创建一个Draw对象,然后监听Draw的draw-end绘制结束的回调函数,获取绘制的图形叠加在地图显示;Draw工具的activate函数会触发draw-end回调函数;
其次,触发调用Draw绘制:
最后,添加绘制图形在地图上展示:

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
141
获赞与收藏
297

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消