三维地图点编辑插件类
Name | Type | Description | ||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
options |
Object |
optional
对象具有以下属性:
|
Example:
// 初始化控件.
var drawPointWidget = new Cesium.DrawPointWidget({
viewer:viewer,
pointShown:true,
labelShown:false,
billboardShown:false,
color: Cesium.Color.RED,
pixelSize:10.0,
outlineColor:Cesium.Color.WHITE,
outlineWidth:outlineWidth,
editEnabled:true,
disableDepthTestDistance:disableDepthTestDistance
}, function(e) {
console.log(e);
});
Demo:
Methods
激活控件:激活点绘制插件,左键开始绘制.
对当前正在编辑的点图元添加属性
Name | Type | Description |
---|---|---|
properties |
Object | 属性,例如{prop1: prop1, prop2: prop2} |
Example:
DrawPointWidget.addProperties({
prop1: prop1,
prop2: prop2
});
清除绘制痕迹
关闭激活控件:关闭控件的绘制
根据传入的geojson和样式对点进行编辑操作
Name | Type | Description | ||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
geojson |
Object | 点的geojson数据 | ||||||||||||||||||||||||
style |
Object |
点的样式
|
Example:
var pointGeojson = {
type: "Feature",
geometry: {
type: "Point",
coordinates: [99.03882902121107, 29.72506540300772, 3846.5300594307564],
},
properties: {}
};
var style = {
color: Cesium.Color.RED,
pixelSize: 10.0,
outlineColor: Cesium.Color.WHITE,
outlineWidth: 1.0,
disableDepthTestDistance:100.0
};
DrawPointWidget.edit(pointGeojson, style);
设置当前正在编辑的点的颜色
Name | Type | Description | ||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
style |
Object |
点样式,包括点大小、颜色、点轮廓颜色、点轮廓宽度、深度
|
Example:
drawPolylineWidget.setStyle({
color: Cesium.Color.RED,
pixelSize: 10.0,
outlineColor: Cesium.Color.WHITE,
outlineWidth: 1.0,
disableDepthTestDistance:100.0
});
保存为GeoJSON,将当前正在编辑的点图元输出为geojson点要素
Returns:
geojson 点要素
Example:
var geojson = drawPolylineWidget.toGeoJSON();
console.log(geojson);