效果图:
解决方案:
arcgis api中有如下类:
"esri/widgets/Sketch/SketchViewModel"
解释:
SketchViewModel simplifies the process of adding and updating graphics on a MapView or a SceneView.
SketchViewModel is intended to be used with Graphics.
翻译:SketchViewModel在mapview上或者三维视图上 简化了添加和更新graphics的操作,被用来和graphics一起使用
用法:在初始化的时候,创建SketchViewModel。SketchViewModel更新图形有两个状态 transform 和reshape
transform : reshape:
tranform用于变换比如放大缩小选中等 reshape用于添加删除移动节点
初始化SketchViewModel:
var sketchViewModel=new SketchViewModel({
view:self.view,//视图
layer:self.graphicsLayer,//需要修改的要素所在的图层
updateOnGraphicClick:true,//是否使用默认的点击选择图形进行更新
defaultUpdateOptions: {
toggleToolOnClick: true // 是否开启reshape状态
}
});
参数解释:
1. updateOnGraphicClick(布尔类型)
Indicates if a graphic can be selected to be updated. If false
, graphics cannot selected to be updated. Set this property to false
to add a custom hitTest logic for updating graphics.
也就是说,如果我们设置为true,那么默认在图形绘制完成后, 鼠标可以选择图形,进行更新。如果设置为false,那么我们就需要自己监听hitTest事件,去获取选择的更新图形。
2. defaultUpdateOptions(是一个对象参数):
Default update options set for the SketchViewModel. Update options set on this property will be overridden by options passed to the update() method.
这个参数里面提供了一个默认更新的操作,比如有toggleToolOnClick,当我们设置为false的时候,就只能进行上图中transform操作,不能进行renshape。
另外还有其他参数的介绍,可以去api中查看
上面这个例子中还有点不完美的是: 更新的时候我想改变更新图形周围的那个蓝色框框的颜色和白色的点。这种颜色太突兀了
我改了一些symbol参数,感觉好像没反应,有空再试试吧!