Question

这很好用，但我想知道如何在用户将鼠标悬停在脚本上之后暂停脚本。 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>

Answer 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。

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

1 个答案: