目录
基础
- xBIM WeXplorer 简要介绍
- xBIM WeXplorer xViewer 基本应用
- xBIM WeXplorer xViewer 浏览器检查
- xBIM WeXplorer xViewer的导航，相机、剖切、隐藏 等操作
- xBIM WeXplorer 设置模型颜色
高级应用
- xBIM 综合使用案例与 ASP.NET MVC 集成（一）
- xBIM 综合使用案例与 ASP.NET MVC 集成（二）
- xBIM 综合使用案例与 ASP.NET MVC 集成（三）
在之前的博客xBIM WeXplorer xViewer 基本应用 我们已经提到，WeXplore不能在所有的浏览器上运行。为了方便简单操作，我们觉得使用最新技术。浏览器应该满足几个先决条件才能运行查看器。请不要放弃检查浏览器，它可以在几年前的电脑上运行Chrome 或者 Mozilla的PC 上运行。并且可以在平板电脑和移动设备上运行。主要的限制是关于在IE11之前不支持WebGLass的IE。为了在开发的过程中方便。查看器具有静态功能来检查其要求。
<script type="text/javascript">
var check = xViewer.check();
if (check.noErrors)
{
...
}
</script>
其实很简单的，只要运行这个静态函数，他会向你报告任何错误和警告。（当然现在一般也不会遇到错误)。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello building!</title>
<link href="css/layout.css" rel="stylesheet" />
<script src="js/xbim-viewer.debug.bundle.js"></script>
</head>
<body>
<div id="content">
<canvas id="viewer" width="500" height="300"></canvas>
<script type="text/javascript">
var check = xViewer.check();
if (check.noErrors)
{
var viewer = new xViewer('viewer');
viewer.load('data/SampleHouse.wexbim');
viewer.start();
}
</script>
</div>
</body>
</html>
如果检查浏览器不兼容、可以向用户提供错误报告，如下所示
<script type="text/javascript">
var check = xViewer.check();
if (check.noErrors)
{
//start animation, listen to events and do all the funny stuff
}
else
{
var msg = document.getElementById('msg');
msg.innerHTML = '';
for(var i in check.errors)
{
var error = check.errors[i];
msg.innerHTML += "<div style='color: red;'>" + error + "</div>";
}
}
</script>