您现在的位置: 首页 > 室内三维可视化SDK开发 > 开发指南

信息窗标注绘制(收费功能)

第一步，引入信息窗组件库（以下代码都要在三维场景加载完成后调用map.on('loadComplete'）

<script src="pathTo/boardMark.min.js">  <script>

第二步，配置信息窗标注

 
var config = {
    pos:{   //标注位置。(使用三维场景墨卡托坐标)
        x:...,
        y:...
    },
    fnum:2,   //要添加到的楼层
    id:1,
    name:"myBoardMarker",   //标注名称
    height:8,    //标注高度
    background:{
        color:"#ff00ff",  //背景颜色
        opacity:0.5    //背景透明度
    },
    texts:[
        {
            val:"this is text1",
            name:"text1"
            //使用默认配置
        },
        {
            val: "this is text2", //文字内容
            name: "text2",   //标识。用来改变内容
            size: 18,    //字体大小，默认为12
            color: "#00a904",   //字体颜色
            strokeColor: "#505863",  //边框颜色
            weight: "normal"    //字体粗细
        }
    ]
}

第三步，创建标注，并且添加到三维场景

var marker = new esmap.ESBoardMarker(config);
map.addBoardMarker(marker);

标注常用方法：

改变字体内容：updateText()方法

marker.updateText("text1","text1 changed...")   //参数1为文字的标识，参数2为更新的内容

改变标注位置：setPosition()方法

marker.setPosition({
    x:12683422.744932441,
    y:2557858.0724566346
})

删除方法

    map.removeBoardMarker(marker);