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

在这里插入图片描述

{% 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

在这里插入图片描述

©️2020 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值