1

この問題は、ポリラインのパス配列を構築する方法に関係していると思いますが、このようにする方法が必要です。目標は、「address[]」という名前の配列入力フィールドからジオコード位置の配列を作成することです。これを行うことで、ポリラインが機能するようになりました。

// ARRAY
var linePath = [
new google.maps.LatLng(37.772323, -122.214897),
new google.maps.LatLng(21.291982, -157.821856),
new google.maps.LatLng(-18.142599, 178.431),
new google.maps.LatLng(-27.46758, 153.027892)
];

// console.log(linePath);
[P { Ia=37.772323, Ja=-122.21489700000001}, P { Ia=21.291982, Ja=-157.82185600000003}, P { Ia=-18.142599, Ja=178.43100000000004}, P { Ia=-27.46758, Ja=153.02789200000007}]

しかし、$.each ステートメントから配列を作成しようとすると、配列の結果が異なり、機能しません。ここに私が書いたコードがあります：

// ARRAY
$("input[name='submit']").click(function() {
    var geocoder = new google.maps.Geocoder();
    locations = new Array();
    $("input[name='address[]']").each(function() {
        geocoder.geocode({"address" : this.value }, function(results) {
            var addrLl = results[0].geometry.location;
            locations.push(addrLl);
            var marker = new google.maps.Marker({
                map: map,
                position: addrLl
            });
        });
    });

    var connect = new google.maps.Polyline({
        path: locations,
        strokeColor: "#FF0000",
        strokeOpacity: 1.
    });
    connect.setMap(map);
    return false;
});

// console.log(locations);
[]
   [+] 0    P { Ia=41.8843266, Ja=-78.79295300000001}
   [+] 1    P { Ia=35.9614504, Ja=-79.04755590000002}

私がすべきことはありますか？

4

1 に答える 1

0

ジオコーディングは非同期です。ポリラインを構築するまでに結果が返されていない可能性があるため、ポリラインには含まれません。ジオコーダーが戻ると (おそらく 1 秒後)、ポイントが場所に追加されるため、配列をコンソール ログに記録すると表示されますが、ポリラインはそれを認識しません。

幸いなことに、Maps API には、MVCArray を使用するという優れた解決策があります。交換：

locations = new Array();

と

locations = new MVCArray();

これで、配列に新しいポイントを追加するたびに、ポリゴンを作成した後であっても、ポリゴンが通知され、ポイントを含むように更新されます。

于 2011-08-14T00:40:33.390 に答える