Google Virtual Tour 旋转 - 鼠标悬停时暂停答案

【问题标题】：Google Virtual Tour rotate - pause on mouse hoverGoogle Virtual Tour 旋转 - 鼠标悬停时暂停
【发布时间】：2013-05-24 21:16:11
【问题描述】：

这很好用，但我想知道如何在用户将鼠标悬停在脚本上之后暂停脚本。 API中是否有一些命令可以帮助我做到这一点？只是某种功能暂停呢？

<DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
<title>Street View service</title>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
    var panorama;

    function initialize() {
        var fenway = new google.maps.LatLng(42.345573,-71.098326);
        var panoramaOptions = {
            position: fenway,
            pov: {
            heading: 4,
                pitch: 10
            }
        };
        panorama = new  google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions);

        var i = 0;
        window.setInterval(function () {
            panorama.setPov({
                heading: i,
                pitch: 10,
                zoom: 1
            });
            i += 0.1;
        }, 10);
    }

    google.maps.event.addDomListener(window, 'load', initialize);

</script>
  </head>
 <body>
    <div id="map-canvas" style="width: 400px; height: 300px"></div>
    <div id="pano" style="position:absolute; left:410px; top: 8px; width: 400px; height: 300px;"></div>
  </body>
</html>

【问题讨论】：

标签： javascript html api google-street-view

【解决方案1】：

您可以使用这个出色的工具为您的网站生成嵌入代码：http://virali.se/photo/spin/

它也使用 Google API。

编辑您的代码，您可以添加以下内容：

$("#pano").on("mouseenter", function () {
   move = false;
});

$("#pano").on("mouseleave", function () {
   move = true;
});
...
if (move) { i += 0.1; }

这个JSFIDDLE的演示。

【讨论】：

谢谢约翰。发布此问题后不久，我发现了该工具。我用过，很好用！