-1

Google Map APIで 緯度経度から住所を逆算しています。
一つは問題なくできるのですが、大量のデータを一括処理したいため、
配列での繰り返しを試みています。
しかし下記のコードで書いても最後のデータしか表示されません。
何が間違っているのでしょうか。
JSは経験がなく、Web上の助言を集めて書いてみました。
初心者でアホな質問してたらすみません。。。

<script type="text/javascript">


// 緯度経度から住所を求める
function getAdrs(){

    var markers = [
        ['高知県立美術館',35.663778,139.73951],
        ['牧野植物園',33.54661,133.57790],
        ['高知城',33.56067,133.53147],
        ['桂浜',33.497145,133.57480],
        ['高知市文化プラザかるぽーと',33.55826,133.54725]
    ];

    for (var i = 0; i < markers.length; i++) {
        var name = markers[i][0];

        var latlng = new google.maps.LatLng(markers[i][1],markers[i][2])
        var gc = new google.maps.Geocoder();
        gc.geocode({ location : latlng }, 

        function(results, status){
            if (status == google.maps.GeocoderStatus.OK) {
                var adrsData = results[0].address_components;
                var txt = name;
                for(var i=0; i<adrsData.length; i++){
                    txt += adrsData[i].long_name + " , ";
                    //txt += adrsData[i].types + "<br>";
                }
                document.getElementById("result").innerHTML = txt;
            }else{
                alert(status+" : ジオコードに失敗しました");
            }
        });
    }
}

</script>

2 件の回答 2

2

このコード

document.getElementById("result").innerHTML = txt;

が出力場所だとすれば、結果を上書きしているため最終的に最後の結果しか出力されません。

console.log(txt)

を使うか

document.getElementById("result").innerHTML += txt + "<br />";

などとすると良いのではないでしょうか。

2
  • document.getElementById("result").innerHTML += txt + "<br />"; こちらでできました!本当に助かりました!ありがとうございます!
    – Bob
    Commented 2015年3月10日 12:51
  • 解決した場合は、コメント左側の ▲0▼ の下にあるチェックマークを押すことで、解決した、という事になります。しないといつまでも解決していない質問扱いとなるのでお気をつけください。
    – Monon
    Commented 2015年3月10日 12:55
-1

コールバックはループ終了後に実行されるため、変数が期待する値になっていないと思われます。
function(results, status){...}の部分を

(function(n){ return function(results, status){
    var name = markers[n][0];
...
}; })(i);

のように書き直してnameを再取得する必要があります。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。