前回、プレイスライブラリを使って特定のタイプの店や施設を検索してマーカーを地図上に表示しました。前回はnearbySearchメソッドを使ってタイプを指定して検索しましたが、今回はテキスト検索を使ったサンプルコードを作成しました。

デモ表示へ
　
前回は、PlaceSearchRequestオブジェクトを使って検索項目を指定しましたが、今回は、TextSearchRequestオブジェクトを使って検索内容を設定します。
https://developers.google.com/maps/documentation/javascript/reference?hl=ja#TextSearchRequest
　
前回のサンプルコードに対し、下記太字部分を変更します。
　

$scope.placeSearch = function (place) {
  var request = {
    location: {
       lat: $scope.map.center.latitude,
       lng: $scope.map.center.longitude
    },
    radius: place.radius,
    query: place.query
  };
  var map = $scope.map.control.getGMap();
  var service = new google.maps.places.PlacesService(map);

  service.textSearch(request, callback);
  return;
};

　
AngularJS、Googleマップの他の記事の目次

関連記事の目次