继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

GIS之家
关注TA
已关注
手记 15
粉丝 141
获赞 297

上一篇实现了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绘制:
最后,添加绘制图形在地图上展示:

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP