CODEWITHSUNDEEP
javascriptjsongoogle-mapsgoogle-places-api
m0j1
m0j1

Reputation: 4267

Getting JSON of Google Places Nearby Search

I'm trying to get the result json of a Nearby Search of Google Places API. I'm getting this error : "No Access-Control-Allow-Origin header is present on the requested resource."
The code I'm using is : 

<html>
  <head>
    <title>Place searches</title>
    <script type="text/javascript" src="lib/jquery-2.1.1.min.js"></script>
    <script>
      
      var mJson = "http://maps.googleapis.com/maps/api/place/nearbysearch/json?location=-33.8670522,151.1957362&radius=500&types=food&name=cruise&key=AIzaSyCy639YCvWAzb3Sx0wkMzO5gxG-nHei4QU";
      $.getJSON(mJson,function(data){
        console.log(data);
      });

    </script>

  </head>
  <body>
    <h1>Google places test</h1>
  </body>
</html>
I even posted the url on jsonlint.com website and it gave me the correct json, but I don't get why it doesn't work on my browser

Upvotes: 1

Views: 3486

Answers (1)

geocodezip
geocodezip

Reputation: 161334

Don't use the Places web service api from javascript, use the Places Library.

Related issues in the issue tracker (marked as "WorkingAsIntended"):

Upvotes: 4

Related Questions