地理编码输出 3 倍相同的 lat/lng

Question

我使用基于服务器的地理编码对一些硬编码地址进行了地理编码：

for (var x = 0; x < addresses.length; x++) {

    $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {

        var lat = data.results[0].geometry.location.lat;
        var lng = data.results[0].geometry.location.lng;

        latlng = {lat: lat, lng: lng};
        markerLocations.push(latlng);

        //}
        for (var b=0; b < markerLocations.length; b++)
        {
            markers.push(new google.maps.Marker({
                position: new google.maps.LatLng(markerLocations[b].lat, markerLocations[b].lng),
                map: map,
            }))
        };
    });
}

硬编码地址：

var addresses = [
    ['Hamburg'],
    ['The Grand Bhagwati,ahmedabad'],
    ['Global Pagoda Road, Gorai Island, Borivali West, Mumbai, Maharashtra'],
    ['583 Orchard Rd, B1-25, Singapore'],
    ['Norway, Oslo']
];

我的问题是现在我得到了数组相乘，因为插入了 2 个 for 循环。我想在最后从 lat、lng 得到输出 1 次，而不是 3 或 4 次相同的 lat/lng 坐标。

Answer 1

问题在于，每个循环都会从markerLocations 数组中再次添加所有标记。您可以使用一个简单的函数来解决这个问题，如下所示-

for (var x = 0; x < addresses.length; x++) {

    $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
        var lat = data.results[0].geometry.location.lat;
        var lng = data.results[0].geometry.location.lng;

        latlng = {lat: lat, lng: lng};
        addMarker(latlng);
    });
}

function addMarker(latlng) {
    var marker = new google.maps.Marker({ position: new google.maps.LatLng(latlng.lat, latlng.lng), 
                        map: map }));
    markers.push(marker);
}

希望这会有所帮助！