title: Google Maps return to origin
body: <p>I'm using a pretty basic Google Maps api and I'm wondering if we can have a "Go back to origin" type of button so that we are redirected back to the original position (and maybe zoom?) as to refresh the map.</p>
  
  <p><a href="http://jsfiddle.net/wQM8z/" rel="nofollow">You can find a jsFiddle here.</a></p>
  
  <h3>Sample Code</h3>
  
  <p><strong>Current Javascript</strong></p>
  
  <pre><code>function initialize() {
          /* ----- Variables ---------------------------------- */
          var myLat = 46.331302;
          var myLong = -72.554991;
          var iconURL = 'img/logo-map-marker-large.png';
          var myClose = "http://www.google.com/intl/en_us/mapfiles/close.gif";
          var bbl_bg = "url('img/tipbox.gif') no-repeat";
          /* ----- Scripted ----------------------------------- */
          var loc,map,marker,infobox;
          loc=new google.maps.LatLng(myLat,myLong);
          map=new google.maps.Map(document.getElementById("map"),
            {zoom:15,center:loc,mapTypeId:google.maps.MapTypeId.ROADMAP});
          marker=new google.maps.Marker({
            map:map,position:loc,
            icon:iconURL,visible:true});
          infobox=new InfoBox({
            content:document.getElementById("infobox"),
            disableAutoPan:false,
            maxWidth:150,
            pixelOffset:new google.maps.Size(-140,0),
            zIndex:null,
            boxStyle:{background:bbl_bg,
              opacity:0.75,
              width:"320px"
            },
            closeBoxMargin:"2px 2px 2px 2px",
            closeBoxURL:myClose,
            infoBoxClearance:new google.maps.Size(1,1)
          });
          google.maps.event.addListener(marker,"click",function(){
            infobox.open(map,this);
            map.panTo(loc)
          });
      }
      google.maps.event.addDomListener(window, 'load', initialize); 
  </code></pre>
  
  <p><strong>Current HTML</strong> <em>includes an "info bubble"</em></p>
  
  <pre><code>&lt;div id="map" style="width: 100%; height: 300px"&gt;&lt;/div&gt;
  &lt;div class="infobox-wrapper"&gt;
      &lt;div id="infobox"&gt;
          &lt;h3&gt;Publi Design inc.&lt;/h3&gt;
          &lt;p&gt;
              505, rue Père-Daniel &lt;br /&gt;
              Trois-Rivières (Québec) G9A 5Z7  &lt;br /&gt; &lt;br /&gt;
  
              &lt;a href="tel:8193734071"&gt;819 373.4071&lt;/a&gt; | 
              imagination@publidesign.com
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Perhaps what I'm looking for is another function I haven't found, but I think this would come in handy when we try to see where the origin is and what's around it (landmarks, streets, etc.).</p>