DrawPolylineWidget

new Cesium.DrawPolylineWidget(options, callback)

三维地图线段绘制插件类
Name Type Description
options Object optional 对象具有以下属性:
Name Type Default Description
viewer Viewer optional 三维球对象.
lineColor Color Cesium.Color.CHARTREUSE.withAlpha(0.5) optional 绘制线颜色.
lineWidth Number 2.0 optional 绘制线宽度.
lineLoop Boolean true optional 线是否闭合.
lineClampGround Boolean true optional 线是否贴地.
editEnabled Boolean false optional 是否启用编辑
callback function optional 返回绘制线Entity.
Example:
// 初始化控件.
var DrawPolylineWidget = new Cesium.DrawPolylineWidget({
    viewer：viewr,
    lineColor: Cesium.Color.RED,
    lineWidth: 1,
    lineLoop: true,
    lineClampGround: true
},function(e) {
    console.log(e); 
});
Demo:

Members

onDrawCompleted : Event

绘制完成事件

onDrawStarted : Event

绘制开始事件

onEditCompleted : Event

编辑完成事件

onEditStarted : Event

开始编辑事件：在绘制线图元后或者点击线图元后触发

Methods

activate()

激活控件：激活线绘制插件，左键开始绘制，右键结束绘制.

addProperties(properties)

对当前正在编辑的线图元添加属性
Name Type Description
properties Object 属性，例如{prop1: prop1, prop2: prop2}
Example:
drawPolylineWidget.addProperties({
     prop1: prop1,
     prop2: prop2
});

clear()

清除绘制痕迹

deactivate()

关闭激活控件：关闭控件的绘制

edit(geojson, style)

根据传入的geojson和样式对线进行编辑操作
Name Type Description
geojson Object 线的geojson数据
style Object 线的样式
Name Type Default Description
lineColor Color Cesium.Color.CHARTREUSE.withAlpha(0.5) optional 线的颜色
lineWidth number 2.0 optional 线的宽度
lineLoop Boolean false optional 线是否闭合
lineClampGround Boolean true optional 线是否贴地
Example:
var lineGeojson = {
     type: "Feature",
     geometry: {
         type: "LineString",
         coordinates: [
             [99.03882902121107, 29.72506540300772, 3846.5300594307564],
             [99.02393860276833, 29.71732722378384, 3265.2062031652595],
             [99.02799897429009, 29.700646564712923, 3883.830051842663]
         ]
     },
     properties: {}
};
var style = {
     lineColor: Cesium.Color.RED,
     lineWidth: 2.0,
     lineLoop: false,
     lineClampGround: true
};
drawPolylineWidget.edit(lineGeojson, style);

setStyle(style)

设置当前正在编辑的线的颜色
Name Type Description
style Object 线样式，包括线宽和颜色
Name Type Default Description
lineColor Color Cesium.Color.CHARTREUSE.withAlpha(0.5) optional 线的颜色
lineWidth Number 2.0 optional
Example:
drawPolylineWidget.setStyle({
     lineColor: Cesium.Color.RED,
     lineWidth: 2.0
});

toGeoJSON()

保存为GeoJSON，将当前正在编辑的线图元输出为geojson线要素
Returns:
geojson 线要素
Example:
var geojson = drawPolylineWidget.toGeoJSON();
console.log(geojson);