谷歌地图:API 3,如何在中心设置折线

use*_*456 11 javascript google-maps center polyline google-maps-api-3

大家好我需要能够将折线中心放在地图的中心

只有代码的必要部分......

success: function(data) {//callback to be executed when the response has been received

    data = JSON.parse(data);
    for (var i=0;i<data.length;i++) {
        flightPlanCoordinates[i] = new google.maps.LatLng(data[i].x,data[i].y);
    }
    map = new google.maps.Map(document.getElementById("map_find"),
    mapOptions);
    flightPath = new google.maps.Polyline({
            path: flightPlanCoordinates,
            strokeColor: "#8a2be2",
            strokeOpacity: 1.0,
            strokeWeight: 3
    });

    flightPath.setMap(map);
    map.setZoom(5);
    map.setCenter(flightPlanCoordinates);
}
Run Code Online (Sandbox Code Playgroud)

这不是我需要的.我的地图不是居中而不是缩放,如何实现这一目标?

Mar*_*elo 31

您可以使用此函数,使用折线作为参数调用它:

function zoomToObject(obj){
    var bounds = new google.maps.LatLngBounds();
    var points = obj.getPath().getArray();
    for (var n = 0; n < points.length ; n++){
        bounds.extend(points[n]);
    }
    map.fitBounds(bounds);
}
Run Code Online (Sandbox Code Playgroud)

叫它:

flightPath.setMap(map);
zoomToObject(flightPath);
Run Code Online (Sandbox Code Playgroud)

只需确保您的地图对象是全局变量.