TOKYO FLICKER

gmaps 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>TOKYO FLICKER</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAELBuAQvDHzeelTqc_XkFpRTKYZOW_z4YSyDREXzfuNMF03e0gBSqY249KoB_8CjrNtRI4XxKZgRO2w" type="text/javascript"></script>
    <script type="text/javascript">
      var streetObj;
      var panStarted = false;
      window.onload = view;

      function pan() {
        var pov = streetObj.getPOV();
        pov.yaw = Math.random() * 360;
        pov.pitch = Math.random() * 180 - 90;
        pov.zoom = Math.random() * 5;
        streetObj.panTo(pov);
        //streetObj.setPOV(pov);
        //streetObj.followLink(0);
        setTimeout(pan, 150);
      }

      function view() {
        if(!streetObj) {
          streetObj = new GStreetviewPanorama(document.getElementById("viewArea"));
          window.onresize = function() { streetObj.checkResize(); }
        }
        var lat = 35.672853 + Math.random() * (35.790284 - 35.672853);
        var lng = 139.258393 + Math.random() * (139.81741 - 139.258393);

        var somewhere = new GLatLng(lat, lng);
        var svcObj = new GStreetviewClient();
        svcObj.getNearestPanoramaLatLng(somewhere, function(latlng){
          if (latlng) {
            streetObj.setLocationAndPOV(latlng);
            //setPov();
            if(!panStarted) {
              pan();
              panStarted = true;
            }
            setTimeout(view, 3000);
          }else{
            setTimeout(view, 2000);
          }
        });

      }



   </script>

  </head>

  <body style="margin: 0">
    <div id="viewArea" style="width:100%;height:100%;"></div>
  </body>
</html>