中心编码折线 - Google MAP API V3

Question

我想使用 API V3 将带有动态编码折线的地图居中并自动缩放。

我的编码 Polyine 在跟踪 1 中，从 ASP.net C# 服务器端获取：

    var trace1 = "<%= scriptString %>";

    vol = new google.maps.Polyline({
        map: map,
        strokeColor: '#ff0000',
        strokeOpacity: 1.0,
        strokeWeight: 3
    });



    var trace = google.maps.geometry.encoding.decodePath(trace1);

    vol.setPath(trace);

    var bounds = new google.maps.LatLngBounds();
    bounds.getCenter();
    map.fitBounds(bounds);

但它不起作用...它使地图以北太平洋为中心，而我的折线在法国...

我没有任何 Javascript 错误。有什么想法吗？

Answer 1

您需要扩展边界以包含路径上的点。

var bounds = new google.maps.LatLngBounds();
vol.getPath().forEach(function(LatLng) {
   bounds.extend(LatLng);
});
map.fitBounds(bounds);