google-maps - 在 Google Maps API v3 中同时使用标记和折线（包括自动居中和自动缩放）

Question

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

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

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