google-maps - 在 Google Maps API v3 中使用标记和折线(包括自动居中和自动缩放)

Question

我一直在尝试使用 Google Maps API v3 获取显示标记和连接标记的折线的 map 。由于需要向 map 添加自动缩放和居中功能(正在运行)，代码变得很复杂。

我遇到的问题是标记显示，但我尝试显示折线失败。我发现的示例要么执行其中之一，要么执行另一个，或者不使用自动缩放和自动居中。

我在http://jsfiddle.net/AgZCm/2/有一个代码示例.

我已经注释掉了我认为应该激活折线的代码。

提前致谢

Answer 1

查看要完成的这些更改:

在循环之前声明:

var latlngbounds = new google.maps.LatLngBounds( );

将其包含在 for 循环中

latlngbounds.extend( PitStops[ i ].latlng );

循环之后:

map.fitBounds(latlngbounds);

并删除第二个 for 循环

类似这样的事情:

var latlngbounds = new google.maps.LatLngBounds( );
for ( var i = 0; i < PitStops.length; i++ ) 
{
    new google.maps.Marker( {
        position: PitStops[ i ].latlng,
        map: map,
        title: PitStops[ i ].name
        } );
     path.push(PitStops[ i ].latlng);
     latlngbounds.extend( PitStops[ i ].latlng );
}
map.fitBounds( latlngbounds );
google.maps.event.addDomListener( window, 'load', initialize );