本片主要介绍360全景热点基于panolens.js 实现的代码,主要通过如下步骤实现:
1,引入核心js库
<script src="js/three.min.js"></script><script src="js/panolens.min.js"></script>
2,创建加载全景的容器div
<div id="panolens-separate-container"></div>
3,场景热点在全景中
infospot1 = new PANOLENS.Infospot( 350, PANOLENS.DataImage.Info );
infospot1.position.set( 3187.12, 1036.61, -2996.43 );
infospot1.addHoverText( 'Mountain Tip' );
infospot1.addEventListener( 'click', function(){
viewer_main.tweenControlCenterByObject( cube );
} );
panorama_main_video.add( infospot1 );
下载本文完整代码链接:360全景热点panolens.js实现代码.zip-互联网文档类资源-CSDN下载