Having some trouble with the Places API, I initially attempted to use $.ajax from jQuery but kept encountering an unexpected token error on the first element of the file. It turns out that JSONP cannot be fetched from the Places API. Below is a snippet of the response it provides. Struggling to log the 'id' into the console...any guidance would be appreciated!
JSON returned by Places:
{
"html_attributions" : [],
"results" : [
{
"geometry" : {
"location" : {
"lat" : 33.7862590,
"lng" : -117.8531270
}
},
"icon" : "http://maps.gstatic.com/mapfiles/place_api/icons/restaurant-71.png",
"id" : "5be9a13a28635cf8fd2ef3c62c24d51277a4ba58",
"name" : "Kimmies Coffee Cup",
"rating" : 3.30,
"reference" : "CnRpAAAANKLoOHJ1STFaFavIPjm2bpMDneGTv0AXfixyl-koF7KSK-lQSldk3c01RFJu9Gf62zXnRScte-dkPCBU8KuxCo7AMctfuaIhNkPE8RKENF9HeMlkuEg-Scp97--1VWJvjpNQjc6xRvdXsbf7V8NrSRIQnXjZBKbrSeSg2sTwBosKghoUEFlNDIN5cnVbn5n7aNtwycord-E",
"types" : [ "restaurant", "food", "establishment" ],
"vicinity" : "190 S Glassell St # B, Orange"
}
]
}
And here is the code I was attempting to use (can't use it anymore):
$(document).ready(function () {
$.ajax({
url: 'https://maps.googleapis.com/maps/api/place/search/json',
dataType: 'jsonp',
type: 'GET',
data: {
location: '33.787794,-117.853111',
radius: 100,
name: 'coffee',
key: 'KEY_HERE',
sensor: false,
},
success: function(data) {
console.log(data.results[0].id);
}
});
});
Any tips or suggestions are welcome. Thank you!