1

これは十分に機能しますが、ユーザーがマウスを上に置いた後、スクリプトを一時停止する方法を知りたいと思っていました。これを行うのに役立つ 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>
4

1 に答える 1

3

この優れたツールを使用して、サイトの埋め込みコードを生成できます: 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のデモ。

于 2013-05-25T18:37:09.697 に答える