javascript - 了解用于网页的 google places api

Question

好的，所以我浏览了文档，但我仍然不明白它是如何工作的。如果我想搜索一个地方，我应该使用 HTTP get 请求返回 json 数据。我如何使用 JavaScript 执行此操作？文档只是向我展示了如何像这样构建 HTTP 请求

https://maps.googleapis.com/maps/api/place/nearbysearch/output?parameters

但是我该如何发送这个请求呢？给我指点教程或其他东西会很棒。

Answer 1

Places Library做所有的工作。您只需发送 fields你需要然后显示Place Details Results

以下代码取自文档，向您展示添加到其中以实现您的首选项的位置。

var map;
var service;
var infowindow;

function initialize() {
  var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);

  map = new google.maps.Map(document.getElementById('map'), {
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: pyrmont,
      zoom: 15
    });
 //Here you add the fields you require for request for PlacesService() 
  var request = {
    location: pyrmont,
    radius: '500',
    types: ['store']
  };

  service = new google.maps.places.PlacesService(map);
  service.nearbySearch(request, callback);
}
  //Here you display the Place Details Results
function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      var place = results[i];
      createMarker(results[i]);
    }
  }
}