将搜索查询传递给Google Maps JS API

wh0*_*wh0 1 javascript google-maps google-maps-api-3

我正在寻找一种将搜索查询传递给Google Maps JS API的方法。因此,我所能看到的就是将搜索框合并到Google地图中。我正在开发一个应用程序,用户无需在其中键入google。例如,我的目标网页上会有一个botton,上面写着“波士顿的学校”。只需单击它,即可突出显示波士顿的学校。像这样的波士顿学校

如果没有用户在搜索框中键入内容,我将找不到获得相同功能的方法。我期望API调用像https://maps.googleapis.com/maps/api/js?callback=initMap&q=schools+in+boston一样,但找不到任何。请帮忙。

谢谢

Jor*_*can 5

以下是api文档:https : //developers.google.com/maps/documentation/javascript/places#TextSearchRequests 及其提供的代码:

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'), {
      center: pyrmont,
      zoom: 15
    });

  var request = {
    location: pyrmont,
    radius: '500',
    query: 'restaurant'
  };

  service = new google.maps.places.PlacesService(map);
  service.textSearch(request, callback);
}

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]);
    }
  }
}
Run Code Online (Sandbox Code Playgroud)