1. DrawHandler

1.1. 初始化 new DrawHandler(geomap)

点线面圆绘制工具

Example

var drawHandler = new BOSGeo.DrawHandler(geomap);

1.2. 属性

1.3. 方法

1.3.1. drawHandler.drawPoint(options, [okHandler], [cancelHandler])

画点(该方法逐渐会被废弃，建议使用该类的drawCustomPoint方法：2021-12-31)

Example

drawHandler.drawPoint({
    color: '#ffff00',
    opacity: 0.5,
    text: '111',
    offsetXY: [0, 20],
    fadeDistance: 100000,
    image: 'http://192.168.1.165:8042/data/drawicon_sign_b3.png',
}, okFunction, cancelHandler);

1.3.2. drawHandler.drawPolyline(options, [okHandler], [cancelHandler])

绘制折线(该方法逐渐会被废弃，建议使用该类的drawPolylinePrimitive方法：2021-12-31)

Example

drawHandler.drawPolyline({
    color : "#00ff00",
    width : 20,
    lineType: 4,
    opacity: 0.5,
    clampToGround:true,
    dynamicImg: "http://bosgeo.boswinner.com/geoData/images/arrow_1.png",
    // layer: lineLayer
}, function(data){
    console.log(data);
});

1.3.3. drawHandler.drawArcLine(options, [okHandler], [cancelHandler])

绘制抛物线(该方法逐渐会被废弃，建议使用该类的drawParabolaPrimitive方法：2021-12-31)

Example

drawHandler.drawArcLine({
    color: "#00ff00", 
    opacity: 0,
    width: 15,
    lineType: 4,
    layer: lineLayer,
    repeat:5,
    speed: 1,
    dynamicImg:"http://bosgeo.boswinner.com/geoData/images/arrow_1.png"
}, function (data) {
    console.log(data);
});

1.3.4. drawHandler.drawPolygon(options, [okHandler], [cancelHandler])

画面(该方法逐渐会被废弃，建议使用该类的drawPolygonPrimitive方法：2021-12-31)

Example

drawHandler.drawPolygon({
    // height: 5,
    clampToGround: false,
    landMaterial: BOSGeo.CustomAreaMaterial.ColorMaterial,
}, okFunction, cancelHandler);

1.3.5. drawHandler.drawRectangle(options, [okHandler], [cancelHandler])

绘制矩形(该方法逐渐会被废弃，建议使用该类的drawCustomRectangle方法：2021-12-31)

Example

drawHandler.drawRectangle({
    id:"testID",
    // layer: areaLayer,     
    extrudedHeight:100,
    height:100,
}, okFunction, cancelHandler);

1.3.6. drawHandler.drawCircle(options, [okHandler], [cancelHandler])

绘制圆(该方法逐渐会被废弃，建议使用该类的drawEllipse方法：2021-12-31)

Example

drawHandler.drawCircle({
    layer: areaLayer,
    clampToGround: false,
    extrudedHeight:100,
}, function (data) {
    console.log(data);
})

1.3.7. drawHandler.drawEllipse(options, okHandler, cancelHandler)

绘制圆、椭圆、圆柱、椭圆柱

Example

drawHandler.drawEllipse({
    rotation: Math.PI / 4
}, function (ellipse) {
    console.log('3秒后隐藏')
    setTimeout(() => {
        drawHandler.setDrawPrimitiveVisible(ellipse.id.id, false);
    }, 3000);
});

1.3.8. drawHandler.drawEllipsoid(options, okHandler, cancelHandler)

绘制球体（椭球体）

Example

drawHandler.drawEllipsoid({
    fillColor: '#00FFF0',
    alpha: 0.5,
}, function (ellipsoid) {
    console.log('绘制结果', ellipsoid);
});

1.3.9. drawHandler.drawCustomRectangle(options, okHandler, cancelHandler)

绘制正方形（矩形）及其拉伸体

Example

drawHandler.drawCustomRectangle({
    fillColor: '#00FFF0',
    alpha: 0.5,
    drawType: BOSGeo.DrawType.RECTANGLE,
    extrudedHeight: 100
}, function (res) {
    drawHandler.flyToDrawPrimitive(res.id.id);
});

1.3.10. drawHandler.drawPolygonPrimitive(options, okHandler, cancelHandler)

绘制多边形（拉伸体）图元

Example

drawHandler.drawPolygonPrimitive({
    name: '测试多边形',
    drawType: BOSGeo.DrawType.POLYGON,
    extrudedHeight: 100,
    labelOffset: new BOSGeo.Cartesian2(-25, -65)
}, (res) => {
    drawHandler.downloadDrawPrimitive(res.id.id);
});

1.3.11. drawHandler.drawPolylinePrimitive(options, okHandler, cancelHandler)

绘制折线或线段图元

Example

let customMaterial = new BOSGeo.CustomLineMaterial({
    type: BOSGeo.CustomMaterialType.LINE_FLOW,
    color: BOSGeo.Color.fromCssColorString(#0000FFAA), //若要显示图片本身的颜色，需将该颜色参数设置为透明色 BOSGeo.Color.TRANSPARENT,
    speedFactor: 20,
    imagePath: 'https://bosgeo.boswinner.com/Assets/Images/green_line.png'
});
// let customMaterial = BOSGeo.CustomLineMaterial.LineArrowMaterial;    
drawHandler.drawPolylinePrimitive({
    name: '测试折线',
    // drawType:BOSGeo.DrawType.SEGMENT_LINE,
    customMaterial,
    width:10,
    isGround: true,
}, (res) => {
    editorHandler.setEditorObject(res);
});

1.3.12. drawHandler.drawParabolaPrimitive(options, okHandler, cancelHandler)

绘制抛物线图元

Example

// 自定义抛物线材质
let customMaterial = new BOSGeo.CustomLineMaterial({
    type: BOSGeo.CustomMaterialType.LINE_FLOW,
    color: BOSGeo.Color.ORANGE, //若要显示图片本身的颜色，需将该颜色参数设置为透明色 BOSGeo.Color.TRANSPARENT,
    speedFactor: 6,
    imagePath: 'https://bosgeo.boswinner.com/Assets/Images/green_line.png'
});
drawHandler.drawParabolaPrimitive({
    name: '测试抛物线',
    customMaterial
}, (res) => {
    console.log('drawPrimitive', res);
    drawHandler.flyToBoundingSphere(res.id.id);
});

1.3.13. drawHandler.drawCustomPoint(options, okHandler, cancelHandler)

绘制自定义标注点

Kind : instance method of DrawHandler

Example

drawHandler.drawCustomPoint({
    name: '测试标注',
    url: 'Assets/Images/tools/mark-point.png',
    labelOffset: new BOSGeo.Cartesian2(-25, -65),
    pixelOffset: new BOSGeo.Cartesian2(0, -25)
}, (res) => {
    drawHandler.getDrawPrimitive(res.id.id);
});

1.3.14. drawHandler.drawWall(options, okHandler, cancelHandler)

绘制墙体

Example

function createVideoElement(videoSrc, id = Date.parse(new Date()), parentDOM = geoMap.viewer.container) {
    var videoElement = document.createElement('video');
    videoElement.id = id;
    videoElement.src = videoSrc;
    videoElement.type = 'video/mp4';
    videoElement.style.position = 'absolute';
    videoElement.style.zIndex = '-100';
    videoElement.style.visibility = 'hidden';
    videoElement.style.top = '0px';
    videoElement.crossOrigin = '';
    videoElement.autoplay = true;
    videoElement.loop = true;
    videoElement.muted = true;
    parentDOM.append(videoElement);
    return videoElement;
}

const customMaterial = new BOSGeo.CustomAreaMaterial({
    type: BOSGeo.CustomMaterialType.VIDEO_IMAGE,
    video: createVideoElement('http://bosgeo.boswinner.com/demo/resource/videos/video.mp4'),  // 视频
    // video: 'http://bosgeo.boswinner.com/demo/resource/imgs/logo.png',  // 图像
});
drawHandler.drawWall({
    customMaterial,
    wallHeight: 50,
    perPositionHeight: false
});

1.3.15. drawHandler.getDrawPrimitive(primitiveId) ⇒ Object

获取指定id的绘制图元

Kind : instance method of DrawHandler

See : drawCustomPoint

1.3.16. drawHandler.flyToDrawPrimitive(primitiveId)

定位到绘制图元的矩形范围

1.3.17. drawHandler.flyToBoundingSphere(primitiveId, [scalar], [offset])

定位到绘制图元的包围球范围

1.3.18. drawHandler.setDrawPrimitiveVisible(primitiveId, visible)

设置绘制图元的显隐

1.3.19. drawHandler.downloadDrawPrimitive(primitiveId)

导出绘制图元

Kind: instance method of DrawHandler
See: drawPolygonPrimitive

1.3.20. drawHandler.updateDrawingOptions(options)

更新绘制时的样式(可参考对应几何对象的绘制参数，只需要更新所需样式即可)

逻辑说明

目前仅如下绘制方法可以通过该方法实时修改样式，具体可调整样式参考对应方法的参数即可

• drawEllipse
• drawEllipsoid
• drawCustomRectangle
• drawPolygonPrimitive
• drawPolylinePrimitive
• drawParabolaPrimitive
• drawCustomPoint

1.3.21. drawHandler.updateDrawerPositions(primitiveId, positions, [extrudedHeight])

更新绘制图元的坐标 （用于还原编辑操作）

Kind : instance method of DrawHandler

Example

// 非标注更新位置
const initPoints = BOSGeo.Util.deepClone(drawPrimitive.positions);
drawHandler.updateDrawerPositions(drawPrimitive.id.id, initPoints);

// 标注更新位置
const initPosition = billboard.position.clone();
drawHandler.updateDrawerPositions(billboard.id.id, initPosition);

1.3.22. drawHandler.updateDrawerStyle(primitiveId, style, labelStyle)

更新绘制图元的样式

Kind : instance method of DrawHandler

Example

drawHandler.updateDrawerStyle(res.id.id, {
    fillColor: '#FF0000',
    width: 100,
    extrudedHeight: 10000
}, {
    name: '绘制对象'
});

1.3.23. drawHandler.removeDrawPrimitive(primitiveId)

删除指定id的绘制图元

Example

drawHandler.removeDrawPrimitive(primitive.id.id)

1.3.24. drawHandler.clear()

清除

Example

drawHandler.clear();

1.3.25. drawHandler.removeAll()

移除所有绘制图元对象

1.3.26. drawHandler.clearAllEntity()

移除所有绘制的实体对象。(注意：若绘制结果已添加至线或面图层，则需通过对应的图层去移除)

Example

drawHandler.clearAllEntity();

1.3.27. drawHandler.cancel()

取消绘制

Example

drawHandler.cancel();

1.3.28. drawHandler.destroy()

销毁

Kind : instance method of DrawHandler