ThingJS官方示例（二）：利用电子标注判断物联网设备的位置

本文链接：https://blog.youkuaiyun.com/ThingJS/article/details/111639401

室内导航定位在物联网设备中具有挑战性，但通过3D可视化技术，可以利用电子标注解决这一问题。ThingJS提供不同类型的标注，如文本、图片、定位等，并封装成JavaScript类库，便于在3D场景中实现物联网设备位置的清晰判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

人的一生当中有80%的时间是在室内度过的，个人用户、服务机器人、新型物联网设备等大量的定位需求也发生在室内，然而室内场景受到建筑物的遮挡，室内场景中导航定位比较困难。

如果将线下地址信息标注到互联网电子地图、手机电子地图或导航地图中，用户在可视化界面就可以根据顶牌信息判断物体在区域内位置，实现物联网的全景安全管控方式。
在这里插入图片描述

3D可视化的前端技术可以实现多种多样的标注，在场景内添加不同的标注样式，例如纯文本标注、图片加文字标注、普通图片标注、定位标注、气泡标注，ThingJS把标注类型都封装成js类库，代码示例如下：

// 添加纯文本标注
    new THING.widget.Button('纯文本标注', function () {
   
        removeMark();
        if ($('.textMarker').length > 0) {
   
            $('.textMarker').css('display', 'block')
        } else {
   
            createElement(null, "textMarker");
        }
    })

    // 更新文本标注内容
    new THING.widget.Button('更新文本标注内容', function () {
   
        // 根据获取已创建的文本
        if ($('.textMarker').length > 0) {
   
            $('.textMarker .text').html('ThingJS文字标注');
        }
    })

    // 添加图片加文字标注
    new THING.widget.Button('图片加文字标注', function () {