2.9.6 标注

标注的创建

标注的符号： 标注共有三种符号，符号之间可以共存，符号所在的位置通过符号中的alignMode参数调整。

• TextSymbol：文字符号。
• IconSymbol：图标符号。
• VectorGraphSymbol：矢量图符号，支持通用的svg格式的矢量图。

预设创建标注： 以文字图标标注为例，用Label类实现标注的创建:

var obj = new CooWasm.Label({
    //标注的位置
    location: new CooWasm.Vec3Obj(120.2207535911, 30.2095147003, 20),
    //文字符号
    textSymbol: new CooWasm.TextSymbol({
        info: "预设标注(文字图标)",
        //文字符号的相对位置，避免和图标符号重叠
        alignMode: CooWasm.EnumAlignmentMode.RIGHT_CENTER,
        liftUp: 40
    }),
    //图标符号
    iconSymbol: new CooWasm.IconSymbol({
        url: "http://127.0.0.1:8088/Data/Icon/视点.png",
        //图标符号的相对位置，避免和文字符号重叠
        alignMode: CooWasm.EnumAlignmentMode.LEFT_CENTER,
        liftUp: 40
    })
}, state => {
    if (state) {
        //创建成功，执行定位
        obj.Locate();
    } else {
        //创建失败，销毁对象
        obj = obj.destroy();
    }
})

手动创建标注： 用Label类实现标注的初始化，使用鼠标左键在场景单击创建:

var obj = new CooWasm.Label({
    //文字符号
    textSymbol: new CooWasm.TextSymbol({
        info: "手动标注",
        //文字符号的相对位置，避免和图标符号重叠
        alignMode: CooWasm.EnumAlignmentMode.RIGHT_CENTER,
        liftUp: 30
    }),
    //图标符号
    iconSymbol: new CooWasm.IconSymbol({
        url: "http://127.0.0.1:8088/Data/Icon/视点.png",
        //图标符号的相对位置，避免和文字符号重叠
        alignMode: CooWasm.EnumAlignmentMode.LEFT_CENTER,
        liftUp: 30
    })
}, state => {
    if (!state) {
        //加载失败，销毁对象
        obj = obj.destroy();
    }
});

CooWasm开发者中心操作指南(标注)

1.选择功能模块: 在开发者中心左侧列表中，依次选择场景绘制→标注。

2.创建标注: 点击预设创建标注(文字图标)、预设创建标注(文字矢量图)或手动创建标注(文字图标)，完成创建。