BOS3D

 <--视窗-->
 <div id="viewer"style="width:100%; height:100%"> </div>
 <--导入API库-->
 <script src="http://bos3d.bimwinner.com/static/latest/BIMWINNER.BOS3D.min.js" charset="utf-8"> </script>
 <script type="text/javascript">
var option = {host:"http://bos3d.bimwinner.com", viewport: "viewer"};//指定数据库地址及视窗
var viewer3D = new BIMWINNER.BOS3D.Viewer(option);
var  modelKey = "M1541058376596";//指定模型key
var  projectKey = "test";//数据库名
 viewer3D.addView(modelKey, projectKey);//模型加载
</script>
                                                

viewer3D.viewerImpl.modelManager.addEventListener(BIMWINNER.BOS3D.EVENTS.ON_LOAD_COMPLETE, function () {
        viewer3D.colorfulComponentsByKey("M1534990622889_0","#FF0000");
}
                                               

//点击拾取三维坐标，并输出到控制台
 viewer3D.viewerImpl.modelManager.addEventListener(BIMWINNER.BOS3D.EVENTS.ON_CLICK_PICK, function(event) {
        if (event.intersectInfo) {
            console.log(event.intersectInfo.point);
        }
    })
                                                

//获取
viewer3D.viewerImpl.getCamera();
//设置
/**
     * 设置世界空间(兼容绘图空间，无版本号的数据为绘图空间数据)的相机状态
     *
     * @param {String} jsonStr - 相机信息字符串
     * @param {Boolean} force - 是否强制更新相机
     * @param {Function} callbackFinish - 相机设置完成后回调函数
     */
viewer3D.viewerImpl.setCamera(jsonStr, force, callbackFinish);
                                                

var objects=viewer3D.getAllComponents();
var keys=[];
for(var i=0;i<objects.length;i++){
     keys[i]=objects[i].key;
}
viewer3D.colorfulComponentsByKey(keys,"#FF0000");

                                                

 viewer3D.viewerImpl.modelManager.addEventListener(BIMWINNER.BOS3D.EVENTS.ON_LOAD_CONFIG_FINISH, function (event) {
        viewer3D.viewerImpl.lookAt(position, center, up);//设置相机位置、焦点以及正方向，这三个值均为三维方向向量，例如：new THREE.Vector3( 1, 0, 0 );
         viewer3D.originalView ={position: position, target: center, up: up};
 }
                                                

var mark=new BIMWINNER.BOS3D.DOMMark(viewer3D.viewerImpl);
var dom=$("<img src="img/tu.jpg" width="320px" height="180px">");
mark.add({
   id:"domMarkDemo",
   title:"管道",
   startPosition:[-1698655.5,-419405, 1985282],
   endPosition:[500,500],
   domElement:dom[0],
});