three+tpanorama实现360度全景带标注图片效果代码

代码语言:html

所属分类:其他

代码描述:three+tpanorama实现360度全景带标注图片效果代码

代码标签: three tpanorama 360度 全景 标注 图片

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.84.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tpanorama.js"></script>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        #panoramaConianer {
            overflow: hidden;
            position: absolute;
            height: 100%;
            width: 100%;
        }
        
    </style>

    <script>
        var opt,tp;
        window.onload = function () {
            opt = {
                container:'panoramaConianer',//容器
                url:'//repo.bfw.wiki/bfwrepo/image/604ff881ee77f.png',
				width: '1000px',//指定宽度,高度自适应
                lables:[
    .........完整代码请登录后点击上方下载按钮下载查看

网友评论0