程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了尝试通过JQuery的getJSON函数使用Google Places API大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决尝试通过JQuery的getJSON函数使用Google Places API?

开发过程中遇到尝试通过JQuery的getJSON函数使用Google Places API的问题如何解决?下面主要结合日常开发的经验,给出你关于尝试通过JQuery的getJSON函数使用Google Places API的解决方法建议,希望对你解决尝试通过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,请注明来意。