Google Virtual Tour旋轉 - 鼠標懸停時暫停

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 個解決方案

解決方案1
3 已采納 2013-05-25 18:37:09

Google Virtual Tour旋轉 - 鼠標懸停時暫停

問題描述

1 個解決方案

解決方案1 3 已采納 2013-05-25 18:37:09

解決方案1
3 已采納 2013-05-25 18:37:09