title: Cannot fetch results from http request to Google Maps API using IONIC 2 framework
body: <p>I would like to use my provider to make a request to Google Maps API and retrieve some results, but I am having trouble as nothing comes back and I have no idea what I did wrong.
  My method on provider that makes a request to google:</p>
  
  <pre><code>getClosestMovieTheater(): Observable&lt;Place[]&gt;{
      console.log("started request to google.");
      let t = this.http
      .get('https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&amp;radius=500&amp;type=restaurant&amp;keyword=cruise&amp;key='MY_API_KEY', { headers: this.getHeaders(), withCredentials: true})
      .map(mapAll);
  
      return t;
  }
  
  private getHeaders(){
      let headers = new Headers();
      headers.append('Accept', 'application/json');
      return headers;
  }
  </code></pre>
  
  <p>I am planing to retrieve the closest movie theater according to my location, but for now I am testing it with google example just to see if it works.
  Then there are methods for mapping the result:</p>
  
  <pre><code>function toP(r:any): Place{
    let p = &lt;Place&gt;({
      lng: r.results.geometry.location.lng,
      lat: r.results.geometry.location.lat
  })
  
    return p;
  }
  </code></pre>
  
  <p><code>function mapAll(response:Response): Place[]{
    return response.json().map(toP);
  }</code></p>
  
  <p>Can anyone please help? Thank you in beforehand.</p>