在做项目的时候需要在右侧HTML中嵌入按钮,实现点击按钮后可以切换场景,这可真是伤脑筋。最后给出了三种方案:①类似原格式,在右侧嵌入和最外层格式相同的形式,类似套娃。②修改后台场景的加载方式,支持reload,但实现很麻烦。③初始化场景的时候在右侧将所有场景融合到一起(位置不同),点击按钮修改相机的朝向。
最后取了第一种方式,最开始想的时候是在右侧的顶部加一个
标签(只是为了移动到该字体上可以变成小手),执行对应的click方法。具体修改该链接的方式很简单,通过修改window下的frames对应的链接来动态的加载不同的场景。 代码如下:
function jump(pathName) { let baseUrl = 'http://localhost:8800/view.html?jsPath=project/'; if (pathName === '监测') { //关键代码 window.frames.location.href = baseUrl +'monitor.js'; }else if(pathName === '风险源'){ window.frames.location.href = baseUrl + 'riskSource.js'; }else if(pathName === '盾构'){ window.frames.location.href = baseUrl + 'ShieldNavigation-2.js' }}
跳转的GIF就不演示了,下面放一张试验的失败图片。
悲催的心路历程
这是方案①的原始版本,像不像套娃。