console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<link href="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.css" rel="stylesheet">
	<link href="http://bos3d.bimwinner.com/static/UI/latest/BOS2DUI.min.css" rel="stylesheet">
	<link href="http://bos3d.bimwinner.com/static/latest/BOS2D.min.css" rel="stylesheet">
	<script src="http://bos3d.bimwinner.com/static/latest/BOS3D.min.js" charset="utf-8">

	</script>
	<script src="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.js" charset="utf-8">

	</script>
	<script src="http://bos3d.bimwinner.com/static/UI/latest/BOS2DUI.min.js" charset="utf-8">

	</script>
	<script src="http://bos3d.bimwinner.com/static/latest/BOS2D.min.js" charset="utf-8">

	</script>
</head>

<body>
	<div id="viewer" style="width:100%; height:100%"></div>
</body>
<style>
	body {
		margin: 0;
		overflow: hidden;
		position: fixed;
	}
</style>
<script>
	var option = {
        host: "http://139.9.215.236:82",
        viewport: "viewer"
    };
    var viewer3D = new BOS3D.Viewer(option);

    // var tool = new BOS3D.UI.ToolBar(viewer3D);
    // tool.createTool();

    //工具条
    // var bosToolBar = new BOS3DUI({
    // 	viewer3D: viewer3D,
    // 	BOS3D: BOS3D,
    // });

    var modelKey = "M1611918954697" // 可传参替换modelKey
    var projectKey = "xa4d91cb119b44e6b1ddd217eeff29c7" // 可传参替换modelDb

    viewer3D.addView(modelKey, projectKey);

    viewer3D.registerModelEventListener(BOS3D.EVENTS.ON_LOAD_COMPLETE, function () {
        viewer3D.registerModelEventListener(BOS3D.EVENTS.ON_CLICK_PICK, function (event) {
            console.log("当前点击位置的坐标：", event.intersectInfo)

            window.spriteMark && window.spriteMark.remove(["TEST"]);

            var point = event.intersectInfo && event.intersectInfo.point;
            if (point) {
                window.spriteMark = new BOS3D.SpriteMark(viewer3D.viewerImpl);
                var options = {
                    id: "TEST",
                    url: "http://model.rickricks.com:7780/static/images/start.png",
                    scale: 100,
                    useImageSize: true,
                    alwaysVisible: false,
                    position: [point.x, point.y, point.z + 1600]
                };
                spriteMark.add(options, function (a) {
                    // alert("id：" + a + " 精灵标签添加成功")

                    //fix bug(代码解决方案片段): 遮挡时背景透明情况下会有图片背景色
                    spriteMark.components["TEST"].material.transparent = true;
                    spriteMark.components["TEST"].material.opacity = 1;  //再设置透明度
                    viewer3D.render();
                });
                viewer3D.render();
            }
        });
    });

    // viewer3D.autoResize();
    viewer3D.getViewerImpl().resize(window.innerWidth, window.innerHeight);
    window.addEventListener("resize", function () {
        // viewer3D.autoResize();
        viewer3D.getViewerImpl().resize(window.innerWidth, window.innerHeight);
    })
</script>

</html>