ArcGIS JavaScript API 4.2 绘图扩展

2
分享 2017-02-10

作者:徐鸿至 发布时间: 2017-2-8

Demo

概览
自定义了一个Draw类,支持三维场景下点、线、面、圆形、圆弧、贝塞尔曲线、贝塞尔曲面、箭头、多头箭头的绘制。支持立方体化多边形,支持通过Three.js扩展绘制虚线(不完善,由于Windows上WebGL的限制,不支持自定义线宽)

说明
可以直接通过相对路径引用script文件夹下的draw类(其他脚本也需要放在script目录下,Draw类内部会引用)

require(["./script/Draw"], function(Draw) { /* code goes here */ });    

构造函数:
new Draw({view: viewInstance, gl: graphicsLayerInstance})

Draw的构造函数接受一个含有view和gl属性的Object.其中view属性需要指向一个SceneView实例,gl属性需要指向一个GraphicsLayer实例

静态属性

实例属性和方法

绘制方法
draw.activate(Draw.CURVE)
使用相应的方法可以激活相应的图形绘制。

draw.activate(Draw.CUBE)
稍微特殊,激活之后,下一次所点击的多边形,上下移动鼠标,会把该多边形立方体化。

draw.deactivate()
结束绘制

系统需求:
浏览器版本:最新版本的Chrome,FireFox,IE,Edge

文章来源:
https://github.com/crazyxhz/ArcGIS-JavaScript-API-4.2-3D-Draw-Extension/blob/master/README_CN.md

4 个评论

对js api功能的扩展,实用性强!
想做一个扩展的图层,可以加载天地图图层,要怎么写一个去继承WebTileLayer实现呢??谢谢
zhang

zhang 回复 zhang

用的ARCGIS api是4.2的
这个只支持三维地图吗?

要回复文章请先登录注册