title: How to get image from Google Api Street View from JQuery ajax request?
body: <p>I'm using Google API for getting Street View.</p>
  
  <p>My Code : </p>
  
  <pre><code>$.ajax({
          url: 'https://maps.googleapis.com/maps/api/streetview?size=600x300&amp;location=46.414382,10.013988&amp;heading=151.78&amp;pitch=-0.76&amp;key=MY_KEY',
          contentType: "image/jpeg",
          type: 'GET',
          cache: false,
          success: function(data) {
             console.log('got data', data);
          },
          error: function(error) {
             console.log('Error', error);
          }
         });
  </code></pre>
  
  <p>Where <code>MY_KEY</code> is my Google API key and <code>location</code> will be dynamic as per latitude and longitude for particular place.
  But it always goes in <code>error</code>.
  And if it successfully runs I want it to bind in html <code>img</code> tag.</p>