大佬教程收集整理的这篇文章主要介绍了尝试通过JQuery的getJSON函数使用Google Places API,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我会建议使用的商家信息库中的谷歌地图的JavaScript API V3。
您可以在此处找到演示和有关如何使用它的文档。
这可能是非常基本的,但是我正在尝试测试Google Places API。我正在阅读文档,并使用它们提供的一些示例。我正在尝试使用JQuery
getJSON函数,因为我已经能够成功地使用它与它异步异步地访问外部JSON文件,因此我认为这可能是获取Google
Places查询的JSON结果的一种好方法。这是我要使用的代码:
<body>
<div id="message"></div>
<script type="text/javascript">
var requestuRL = 'https://maps.googleapis.com/maps/api/place/search/json?LOCATIOn=-33.8670522,151.1957362&radius=500&types=food&name=harbour&sensor=false&key='my_google_places_key';
$(document).ready(function () {
$.getJSON(requestuRL,function (data) {
for (i = 0; i < data.results.length; i++) {
myAddress[i] = data.results[i].formatted_address;
document.getElementById("message").innerHTML += myAddress[i] + "<br>";
console.log(myAddress[i]);
}
});
});
</script>
</body>
根据文档,对查询的最终JSON响应应如下所示:
{
"html_attributions" : [
"LisTings by \u003ca href=\"http://www.yellowpages.com.au/\"\u003eYellow Pages\u003c/a\u003e"
],"results" : [
{
"formatted_address" : "529 Kent Street,Sydney NSW,Australia","geometry" : {
"LOCATIOn" : {
"lat" : -33.8750460,"lng" : 151.2052720
}
},"icon" : "http://maps.gstatic.com/mapfiles/place_api/icons/restaurant-71.png","id" : "827f1ac561d72ec25897df088199315f7cbbc8ed","name" : "Tetsuya's","raTing" : 4.30,"reference" : "CnRmAAAAMMR_223_11845@3dlSVT3E7rIvwQ0lHBA4sayvxWEc4nZaXSSjRtfKRGoYnfr3d5AvQGk4e0u3oOErXsIJwtd3Wck1Onyw6pCzr8swW4E7dZ6wP4dV6AsXPvodwdVyqHgyGE_K8Dqsp5R_223_11845@cW_nFcci_-1jXb5Phv-RIQTzv5BjIGS0ufgTslfC6dqBoU7tw8NKUDHg28bPJlL0vGVWVgbTg","types" : [ "restaurant","food","establishment" ]
},{
"formatted_address" : "Upper Level,Overseas Passenger Terminal/5 Hickson road,The Rocks NSW,"geometry" : {
"LOCATIOn" : {
"lat" : -33.8583790,"lng" : 151.2100270
}
},"icon" : "http://maps.gstatic.com/mapfiles/place_api/icons/cafe-71.png","id" : "f181b872b9bc680c8966df3e5770ae9839115440","name" : "Quay","raTing" : 4.10,"reference" : "CnRiAAAADmPDOkn3znv_fX78Ma6X5_t7caEGNdSWnpwMIdDNZkLpVKPnQJXP1ghlySO-ixqs28UtDmJaOlCHn18pxpj7UQjRzR4Kmye6Gijoqoox9bpkaCAJatbJGZEIIUwRbTNIE_L2jGo5BDqiosqU2F5QdBIQbXKrvfQuo6rmu8285j7bDBoUrGrN4r6XQ-PVm260PFt5kwc3EfY","types" : [ "cafe","bar","restaurant",{
"formatted_address" : "107 George Street,"geometry" : {
"LOCATIOn" : {
"lat" : -33.8597750,"lng" : 151.2085920
}
},"id" : "7beacea28938ae42bcac04faf79a607bf84409e6","name" : "Rockpool","raTing" : 4.0,"reference" : "CnRlAAAAVK4Ek78r9yHV56I-zbaTxo9YiroCbTlel-ZRj2i6yGAkLwNMm_flMhCl3j8ZHN-jJyG1TvKqBBnKQS2z4Tceu-1kZupZ1HSo5JWRBKd7qt2vKgT8VauiEBQL-zJiKVzSy5rFfilKDLSiLusmdi88ThIQqqj6hKHn5awdj6C4f59ifRoUg67KlbpuGuuW7S1tAH_EyBl6KE4",{
"formatted_address" : "483 George Street,"events" : [
{
"event_id" : "7lH_gK1GphU","sumMary" : "Google Maps Developer Meetup: Rockin' out with the Places API","url" : "https://developers.google.com/places"
}
],"geometry" : {
"LOCATIOn" : {
"lat" : -33.8731950,"lng" : 151.2063380
}
},"icon" : "http://maps.gstatic.com/mapfiles/place_api/icons/civic_building-71.png","id" : "017049cb4e82412aaf0efbde890e82b7f2987c16","name" : "Chinatown Sydney","reference" : "CnRuAAAAsLNeRQtKD7TEUXWG6gYD7ByOVKjQE61GSyeGZrX-pOPVps2BaLBlH0zBHlrVU9DKhsuXra075loWmZUCbczKDPdCaP9FVJXB2NsZ1q7188pqRFik58S9Z1lcWjyVoVqvdUUt9bDMLqxVT4ENmolbgBIQ9Wy0sgDy0BgWyg5kfPMHCxoUOvmhfKC-lTefXGgnsRqEQwn8M0I","types" : [
"city_hall","park","doctor","Train_station","local_government_office","health","establishment"
]
}
],"status" : "OK"
}
如果复制此JSON脚本并将其保存到文件中,则可以访问它,并且它在浏览器中显示以下结果:
529 Kent Street,Sydney NSW,Australia上层,海外客运大楼/ 5 Hickson road,The Rocks
NSW,澳大利亚107 George Street,The Rocks NSW,澳大利亚483 George Street,Sydney
NSW,Australia
这意味着它有效。getJSON函数无法正确解析JSON脚本吗?
以上是大佬教程为你收集整理的尝试通过JQuery的getJSON函数使用Google Places API全部内容,希望文章能够帮你解决尝试通过JQuery的getJSON函数使用Google Places API所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。