savoy.extension.htmlmark v1.0.0

使用简易html的文字标注插件

如何使用

• 必须要引用jquery

<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>

• 在全局中定义个样式，例如

.pin-mark-withbg{
    color: white;
    float: left;
    font-weight: height;
    transform: translate(-50% , 15%);
    -ms-transform:translate(-50% , 15%);
    -moz-transform:translate(-50% , 15%);
    -webkit-transform:translate(-50% , 15%);
    -o-transform:translate(-50% , 15%);
    white-space:nowrap;
    background: rgba(0,0,0,.5);
    padding: 5px;
    border-radius: 4px;
}

// 引用
import HtmlMark from "savoy.extension.htmlmark"

// 使用
var position = new THREE.Vector3(67.70036133630214, 25.100444928266597, 95.89776396284714)
var content = '空调1 <br>回风温度29.1°C <br>回风湿度 54.0%'
var hmark = new HtmlMark(this.viewer, position, content, "pin-mark-withbg")
hmark.setVisible(true)

接口

修改