【问题标题】:google nearby places search not working properly谷歌附近的地方搜索无法正常工作
【发布时间】:2016-07-22 14:23:35
【问题描述】:

很抱歉为这样一个新手问题寻求帮助。但是使用maps api非常混乱。它没有为类型国家显示任何内容,或者有时它只显示与 type:store for type:establishment 相同的结果。

<!DOCTYPE html>
<html>
  <head>
    <style>
      #map {
        height: 500px;
      }
    </style>
    <script>

var nlat, nlong;

nlat= 19.0759837;  //default
nlong = 72.87765590000004;  // default

getLocation();
      function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        alert("Geolocation is not supported by this browser.");
    }
}

function showPosition(position) {
    nlat = position.coords.latitude;
    nlong = position.coords.longitude;
}

      var map;
      var infowindow;
      var plcsearch = "";

      function initMap() {

        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: nlat, lng: nlong},
          zoom: 10
        });

        infowindow = new google.maps.InfoWindow();
        var service = new google.maps.places.PlacesService(map);
        service.nearbySearch({
          location: {lat: nlat, lng: nlong},
          radius: 5000000,
          type: ['country']
        }, callback);
      }

      function callback(results, status) {
        if (status === google.maps.places.PlacesServiceStatus.OK) {
          for (var i = 0; i < results.length; i++) {
            createMarker(results[i]);
            plcsearch = plcsearch + "<br>" + results[i].name;
          }
        }
        var x = document.getElementById("plcrad");
  x.innerHTML = plcsearch;
      }

      function createMarker(place) {
        var placeLoc = place.geometry.location;
        var marker = new google.maps.Marker({
          map: map,
          position: place.geometry.location
        });

        google.maps.event.addListener(marker, 'click', function() {
          infowindow.setContent(place.name);
          infowindow.open(map, this);
        });
      }

    </script>
  </head>
  <body>
    <div id="map"></div>
    <div id="plcrad">List of Countries</div>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCEBvD7N9NkG4_1xAFPpPH6FTJLIk-_2TY
&libraries=places&callback=initMap" async defer></script>

  </body>
</html>

你也可以在这里看到同样的问题:https://developers.google.com/maps/documentation/javascript/examples/place-search 请帮帮我。提前致谢。

【问题讨论】:

标签: javascript google-maps google-maps-api-3 google-places-api google-places


【解决方案1】:

支持 Dr.Molle 的评论,国家不是搜索请求的有效类型。

地点类型

这里是一些支持类型的列表,可用于过滤地点搜索和添加地点。

  • 会计
  • 机场
  • 游乐园
  • 水族馆
  • 艺术画廊
  • 自动取款机
  • 面包店
  • 银行
  • 酒吧
  • 美容沙龙

对于您对建立或商店的相同结果的其他担忧,以下是搜索的示例响应:

"place_id" : "ChIJ5xQ7szeuEmsRs6Kj7YFZE9k",
"scope" : "GOOGLE",
"reference" : "CnRvAAAA22k1PAGyDxAgHZk6ErHh_h_mLUK_8XNFLvixPJHXRbCzg-gw1ZxdqUwA_8EseDuEZKolBs82orIQH4m6-afDZV9VcpggokHD9x7HdMi9TnJDmGb9Bdh8f-Od4DK0fASNBL7Me3CsAWkUMWhlNQNYExIQ05W7VbxDTQe2Kh9TiL840hoUZfiO0q2HgDHSUyRdvTQx5Rs2SBU",
"types" : [ "food", "establishment" ],
"vicinity" : "48 Pirrama Rd, Pyrmont"

正如回复所表明的,一个地方可以有多个类型,具体取决于它们是如何添加的。为了更好地理解某些搜索请求如何或为什么返回相同的结果,我们可以仔细检查响应并查看每个地点的类型标签。

供参考,您可以进一步查看types supported in place search and additiontypes not supported in the type filter of a place searchsearch Responses

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-09-28
    • 2017-12-20
    • 2021-04-14
    • 1970-01-01
    • 1970-01-01
    • 2018-01-02
    • 2011-03-25
    • 2017-05-27
    相关资源
    最近更新 更多