title: How to make the little guy in google map snap back to the nearest point if threw away?
body: <p>In this google map sample: <a href="http://code.google.com/apis/maps/documentation/javascript/examples/streetview-simple.html" rel="nofollow">http://code.google.com/apis/maps/documentation/javascript/examples/streetview-simple.html</a><br>
  If the user dropped the little guy far away in the middle of the ocean for example, it disappears.<br>
  But in the main google map website <a href="http://maps.google.com/" rel="nofollow">http://maps.google.com/</a> If you made it show the street view, and the user dragged the guy away it get back automatically to the previous point.</p>
  
  <p>What is missed in the first example to make it behave the same as the google map website?</p>
  
  <p>here is the code of the sample:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
  &lt;title&gt;Google Maps JavaScript API Example: Street View Layer&lt;/title&gt;
  &lt;link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
    function initialize() {
      var fenway = new google.maps.LatLng(42.345573,-71.098326);
      var mapOptions = {
        center: fenway,
        zoom: 14,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(
          document.getElementById("map_canvas"), mapOptions);
      var panoramaOptions = {
        position: fenway,
        pov: {
          heading: 34,
          pitch: 10,
          zoom: 1
        }
      };
      var panorama = new  google.maps.StreetViewPanorama(document.getElementById("pano"),panoramaOptions);
      map.setStreetView(panorama);
    }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="initialize()"&gt;
    &lt;div id="map_canvas" style="width: 400px; height: 300px"&gt;&lt;/div&gt;
    &lt;div id="pano" style="position:absolute; left:410px; top: 8px; width: 400px; height: 300px;"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>