krpano设置自动旋转（autorotate）以及js操控停止/旋转

最新推荐文章于 2024-04-16 16:52:25 发布

码农-Python高工

最新推荐文章于 2024-04-16 16:52:25 发布

阅读量2.4k

点赞数

分类专栏： Krpano

本文链接：https://blog.csdn.net/weixin_44541001/article/details/106570657

版权

Krpano 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

在这里插入图片描述

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <title>街景地图</title>
</head>
<body>
<div style="z-index: 10099;"><button type="button" onclick="ceshi()">测试按钮></button></div>
<div id="pano" style="display:block;width: 100%; height: calc(100vh - 20px)"></div>

</body>
</html>

<script type="text/javascript" src="{% static 'jquery-2.0.3.min.js' %}"></script>
<script src="{% static 'vtour/viewer/krpano.js' %}"></script>   {# django 模板语法 #}



{# krpano js #}
<script>
    var krpano = null;
    embedpano({
        swf: "{% static 'vtour/tour.swf' %}",
        id: "krpanoSWFObject",
        xml: "{% static 'vtour/tour.xml' %}",
        target: "pano",
        consolelog: true,
        passQueryParameters: true,
        onready: krpano_onready_callback
    });

    function krpano_onready_callback(krpano_interface) {
        krpano = krpano_interface;
    }
	
    function ceshi() {
        krpano.set("autorotate.enabled",false);   关闭自动旋转
    }

</script>

坑

krpano.set("autorotate.enabled",false);
一定加引号啊 ， 不然autorotate报错
我看了好多文档  都没有加引号  坑死坑死
例如 https://juejin.im/post/5d071e22f265da1b8a4f1d3e#heading-35

在这里插入图片描述

码农-Python高工

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录