谷歌在没有地图的情况下放置图书馆

我正在尝试使用谷歌地点库来执行附近的搜索请求：https://developers.google.com/maps/documentation/javascript/places#place_search_requests https://developers.google.com/maps/documentation/javascript/places#place_search_requests

我只想拉取 json 响应并将其放入 html 列表中，我现在想在地图或其他东西上显示结果。我根本不想使用地图。但在文档中它指出必须有一张地图

service = new google.maps.places.PlacesService(**map**);

以便将其作为 PlacesService 函数中的参数传递。我现在所做的是添加高度为0的地图，但它仍然消耗大量内存（我开发了一个sencha touch 2应用程序，内存很重要）。是否有任何解决方法可以在没有地图的情况下使用附近的搜索请求？我不想使用 Google Places API，因为它不支持 JSONP 请求。

根据记录，PlacesService 接受地图或地图作为参数渲染结果属性的节点.

所以你只需要使用节点（节点是一个 html 元素）而不是地图。

请注意：隐藏属性违反了地点政策（当用作参数时也会隐藏地图，因为地图会显示属性）

您可能也对此感兴趣：Google 放置的 API 是否违反了 TOC？ https://stackoverflow.com/questions/14313215/google-places-api-does-this-violate-the-toc/14322983#14322983

示例：简而言之

如果您使用的是 jQuery：

var service = new google.maps.places.PlacesService($('#tag-id').get(0));

如果是普通的 JavaScript：

var service = new google.maps.places.PlacesService(document.createElement('div'));

然后像往常一样继续与示例代码的其余部分 https://developers.google.com/maps/documentation/javascript/places#place_search_requests:

  service.nearbySearch(request, callback);

示例：使用返回的详细信息

此示例在 jsFiddle 上的现场演示 https://jsfiddle.net/AdrienBe/Lz6sspzd/.

注：本例使用jQuery.

<ul class="reviews__content" id="reviews__content">
</ul>
<div id="service-helper"></div>

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=GOOGLE_API_KEY_HERE&libraries=places&callback=getRelevantGoogleReviews">
</script>
<script type="text/javascript">
   window.getRelevantGoogleReviews = function(){
     var service = new google.maps.places.PlacesService($('#service-helper').get(0)); // note that it removes the content inside div with tag '#service-helper'

     service.getDetails({
         placeId: 'ChIJAwEf5VFQqEcRollj8j_kqnE'  // get a placeId using https://developers.google.com/places/web-service/place-id
        }, function(place, status) {
            if (status === google.maps.places.PlacesServiceStatus.OK) {
              var resultcontent = '';
              for (i=0; i<place.reviews.length; ++i) {
                //window.alert('Name:' + place.name + '. ID: ' + place.place_id + '. address: ' + place.formatted_address);
                resultcontent += '<li class="reviews__item">'
                resultcontent += '<div class="reviews__review-er">' + place.reviews[i].author_name + '</div>';
                var reviewDate = new Date(place.reviews[i].time * 1000);
                var reviewDateMM = reviewDate.getMonth() + 1;
                var reviewDateFormatted = reviewDate.getDate() + '/' + reviewDateMM + '/' + reviewDate.getFullYear(); 
                resultcontent += '<div class="reviews__review-date">' + reviewDateFormatted + '</div>';
                resultcontent += '<div class="reviews__review-rating reviews__review-rating--' + place.reviews[i].rating +'"></div>';
                if (!!place.reviews[i].text){
                  resultcontent += '<div class="reviews__review-comment">' + place.reviews[i].text + '</div>';
                }
                resultcontent += '</li>'
              }
              $('#reviews__content').append(resultcontent);
            }
        });
    }
</script>