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

地理编码是异步的 - 您的结果可能在您构建折线时尚未返回，因此不会包含在折线中。当地理编码器确实返回时（可能最多一秒钟后），该点将被添加到位置，因此您在控制台记录数组时会看到它，但折线不会知道它。

幸运的是，Maps API 有一个巧妙的解决方案，那就是使用 MVCArray。代替：

locations = new Array();

和

locations = new MVCArray();

现在，每次向数组添加新点时，即使是在您已经创建多边形之后，多边形也会收到通知并更新以包含该点。

于 2011-08-14T00:40:33.390 回答