Google Maps APIでJavascriptを使用してJSONマーカーを使用する

Question

私はプログラミングが新しく、投稿するのが少し怖いです。しかし、私は2日間おそらくあなたのほとんどのために非常に簡単です何かに取り組んで、私はここで試してみようと思いました...

してきた私は、Google MapsのAPIでマーカーを作成しようとしています。

このようにデータをjavascriptにハードコードすると、魅力的に機能します。

var locations = [ 
['1 Bedroom House', 55.1111, -100.1111, 1, 'This house has 1 bedroom.'], 
['2 Bedroom House', 56.1111, -100.1111, 2, 'This house has 2 bedrooms.'], 
['3 Bedroom House', 57.1111, -100.1111, 3, 'This house has 3 bedrooms.'], 
['4 Bedroom House', 58.1111, -100.1111, 4, 'This house has 4 bedrooms.'] 
]; 

JSONリクエストがあり、代わりにそこからマーカーデータを取得する必要があります。あなたがそれを言う前に

、私はここでWAYオフだと確信している...しかし、これは私が得たものである：

var locations = new Array(); 

$.getJSON("[URL]", function(json) { 
     for(var i = 0; i < json.houses.length; i++) { 
      var name = json.houses[i].house.name; 
      var markerlat = json.houses[i].house.lat; 
      var markerlng = json.houses[i].house.lng; 
      var description = json.houses[i].house.description; 

locations[i] = new Array(); 
locations[i].push('\'' + name + '\', ' + markerlat + ', ' + markerlng + ', ' + i + ', ' + '\'' + description + '\''); 

} 
}); 

ありがとう！

Answer 1

コードのその部分を見ると、別の場所の配列がなければ解決できるのだろうかと思います。

あなたは次のコードの種類と$ .getJSON機能の成功ハンドラでためのループ拡張する場合、それは仕事ができる：あなたが説明にも利用可能にしたい場合は、

new google.maps.Marker({ 
    position: new google.maps.LatLng(markerlat, markerlng), 
    title: name, 
    map: [id of the map canvas element] 
    }); 

」を情報ウィンドウをトリガーするマーカーにリスナーを接続する必要があります。情報ウインドウのオーバーレイとその使用法の詳細は、Google Maps API documentation siteから見つけることができます。