谷歌将 API 解析为 javascript

Question

我有一个 google API URL，其中包含我希望在我的页面上输出的 json。

包含 id 和 key 的 URL

https://maps.googleapis.com/maps/api/place/details/json?placeid=122&key=123-mg

现在我想在div id myoutput中打印出以下数据

 "reviews" : [
         {
            "aspects" : [
               {
                  "rating" : 3,
                  "type" : "overall"
               }
            ],
            "author_name" : "Justine OBRIEN",
            "author_url" : "https://www.google.com/maps/contrib/104177669626132953795/reviews",
            "language" : "en",
            "profile_photo_url" : "//lh6.googleusercontent.com/-s6AzNe5Qcco/AAAAAAAAAAI/AAAAAAAAFTE/NvVzCuI-jMI/photo.jpg",
            "rating" : 5,
            "relative_time_description" : "2 months ago",
            "text" : "Fabulous location. Wonderful warm welcoming reception. Excellent unique living Google wall entry. Sensational helpful kind people. Easy fast efficient help online plus with appointment on site. Super company always progressive plus innovative products and services for all businesses. Go Google Australia. Shine on! ",
            "time" : 1474966415
         },

到目前为止我已经尝试过什么

<div id="myoutput"></div>

            <script>
                (function() {
                    var myobject = "https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=AIzaSyCUc3pmryE8WMd7niIrHIN7cq_6ZUyI-mg";
                    $.getJSON( myobject, {

                        format: "json"
                    })
                            .done(function( data ) {
                                $.each( data.items, function( i, item ) {
                                    $( "<p>" ).attr( "author_name", item.media.m ).appendTo( "#myoutpu" );
                                    if ( i === 3 ) {
                                        return false;
                                    }
                                });
                            });
                })();
            </script>

和

<script>
                (function() {
                    var myobject = "https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=AIzaSyCUc3pmryE8WMd7niIrHIN7cq_6ZUyI-mg";
                    $.getJSON( myobject, {
                        format: "json"
                    })

                    print myobject.dumps([s['formatted_address'] for s in result['results']], indent=2)
                    myobject["address_components"].long_name

                })();
            </script>

我怎么看不到将author_name 打印出来？

Answer 1

在这种情况下，您的方法似乎被 CORS 阻止了，因此您可以像这样使用位置库：

<div id="map"></div>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&libraries=places&callback=initMap"></script>
<script>
function initMap() {
  var service = new google.maps.places.PlacesService(map);
  service.getDetails({
    placeId: 'ChIJN1t_tDeuEmsRUsoyG83frY4'
  }, function(place, status) {
    if (status === google.maps.places.PlacesServiceStatus.OK) {
      for(var i=0; i <= place.reviews.length; i++) {
        console.log(place.reviews[i]);
      }
    }
  });
}
</script>

map div 仅用于服务运行。循环是您一一显示所有评论对象的地方。在那里你可以对结果做你需要的事情。 此外，您可以从链接中删除&callback=initMap，并在需要时运行该函数。