在Google Maps API v3中使用标记和折线（包括自动中心和自动缩放）

Question

我一直在尝试使用Google Maps API v3来显示标记和折线加入标记的地图。由于需要为地图添加自动缩放和居中（这是有效的），代码变得复杂。

我遇到的问题是标记显示，但我尝试显示折线失败。示例我发现其中一个或另一个，或者不使用自动缩放＆amp;自动中心。

我在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 );