Question

var classBounds = new google.maps.LatLngBounds();
var query = "";

query = "SELECT 'ROAD_NUMBER', 'geometry' FROM [TABLE_ID HERE] WHERE 'ROAD_NUMBER' CONTAINS IGNORING CASE '" + searchString + "' AND 'LINK_NUMBER' CONTAINS '" +searchStringLinkNo + "'";
var encodedQuery = encodeURIComponent(query);

// Construct the URL
var url = ['https://www.googleapis.com/fusiontables/v1/query'];
url.push('?sql=' + encodedQuery);
url.push('&key=[key]');
url.push('&callback=?');


// Send the JSONP request using jQuery
$.ajax({
    url: url.join(''),
    dataType: 'jsonp',
    success: function (data){

        var rows = data['rows'];

        if(rows){

            var classRoadGeo1       = rows[0][1].geometry.coordinates;
            var classRoadGeo2       = rows[rows.length - 1][1].geometry.coordinates;
            var classRoadGeoStart   = classRoadGeo1[0];
            var classRoadGeoEnd     = classRoadGeo2[classRoadGeo2.length - 1];

            var startHolder = classRoadGeoStart.toString();
            var endHolder = classRoadGeoEnd.toString();

            var bound1 = startHolder.split(",");
            var bound2 = endHolder.split(",");

            var coordinate1 = new google.maps.LatLng(bound1[1], bound1[0]);
            var coordinate2 = new google.maps.LatLng(bound2[1], bound2[0]);

            alert(bound1);
            alert(bound2);

            classBounds.extend(coordinate1);
            classBounds.extend(coordinate2);                

        }
        else{

            alert("Unable to locate any counter/classifier stations for the current selection.");
        }
    }
}); 

map.fitBounds(classBounds);

}

所有代码都在上面。我已将几何体从融合表中取出，将其转换回字符串并从中制作出LatLng对象。然而，当我运行fitBounds时，它的确需要我去Papa New Guinea，当时坐标实际上是澳大利亚悉尼的Kiama。我没有错。关于可能出错的任何想法？

Answer 1

ajax请求是异步的，所以当调用map.fitBounds（）时，边界还没有被扩展。把最后一行“map.fitBounds（classBounds）;”在成功函数内的if子句的末尾，它应该可以正常工作。

fitBounds和extend - 在完全不同的地方出现

1 个答案: