title: Using the google street view image api v3 how do I Save street view images with javascript
body: <p>I have a google street map and I would to create a button that allows to capture from the google images and for them to save it either to a document file so that they can add the information needed.</p>
  
  <p>I understand that I have to use <strong><a href="http://maps.googleapis.com/maps/api/streetview" rel="nofollow">Street view</a></strong> with all the details.</p>
  
  <p>I first need my javascript to make sure that its capturing from the correct google street image and then i need to be able to save it to a specified spot all with a click of the one button created.</p>
  
  <p>I have been looking around for many answers and all the ways do not seem to work in the way i need it to work.
  I am new to the whole programming environment specifically with javascript.</p>
  
  <p>I have tried adding in this:</p>
  
  <pre><code>$('#getStatic').click(function() {
                  var maplatlong = map.getCenter().clone();
                  maplatlong.transform(new OpenLayers.Projection("EPSG:900913"),
                  new OpenLayers.Projection("EPSG:4326"));
                  panoLatLon = new google.maps.LatLng(maplatlong.lat, maplatlong.lon);   
  
                  $('#map_canvas').html('&lt;img src="http://maps.googleapis.com/maps/api/streetview?location=' + panoLatLon.lat() + ',' + panoLatLon.lng() + '&amp;maptype=' + map.getMapTypeId() + '&amp;zoom=' + map.getZoom() + '&amp;size=400x400&amp;sensor=false"&gt;');
  </code></pre>
  
  <p>and then just attempting to try to alter it and then moving on to attempt add the code to get it show a saveto popup</p>