1

OK、それで私はドキュメンテーションを調べました、しかし私はまだそれがどのように機能するかを正確に理解していません。場所を検索したい場合は、HTTPgetリクエストを使用してjsonデータを返すことになっています。JavaScriptを使用してこれを行うにはどうすればよいですか?ドキュメントは、HTTPリクエストをそのように構成する方法を示しています

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

しかし、どうすればこのリクエストを送信できますか?チュートリアルか何かを私に指摘するのは素晴らしいことです。

4

2 に答える 2

2

PlacesLibraryがすべての作業を行います必要なフィールドを送信してから、場所の詳細の結果を表示するだけです。

次のコードはドキュメントから抜粋したもので、設定を実装するためにどこに追加するかを示しています。

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]);
    }
  }
}
于 2012-11-10T22:07:44.600 に答える
0

短いバージョン:データを取得するためのAJAX呼び出しを記述してから、そのデータを処理するためのコールバック関数を記述します。

ロングバージョン:

Ajaxリクエスト

Ajaxリクエストは、ページがナビゲーションアクションを実行しないように、ウェブページ内から行われるHTTPリクエストです。これらは、APIからデータを取得したり(実行しようとしていることなど)、画像を読み込んだり、追加のページコンテンツを読み込んだりするために使用されます。

あなたの場合、API URLに対して単純なAJAXリクエストを実行してから、返されたデータを使用して何かを実行したいとします。

JavaScriptの領域に慣れていないように思われるので、 jQueryJavaScriptライブラリを使用することを強くお勧めします。それはAjaxのようなものを公園で散歩させます。具体的には、jQuery.Ajax()関数を使用してWebリクエストを作成できます。次に、APIデータを渡すコールバック関数を指定し、それを使用して何かを実行します。

于 2012-11-10T21:07:12.150 に答える