中心编码折线 - 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.setBounds(bounds);