2

Google Maps API v3 を使用して、マーカーとポリラインの両方がマーカーに結合された地図を表示しようとしています。コードは、マップに自動ズームとセンタリングを追加する必要があるため複雑でした (これは機能しています)。

私が抱えている問題は、マーカーが表示されることですが、ポリラインを表示しようとすると失敗します。私が見つけた例では、どちらか一方を実行するか、自動ズームと自動中心を使用しないでください。

http://jsfiddle.net/AgZCm/2/にコード例があります。

ポリラインをアクティブにする必要があると思われるコードをコメントアウトしました。

前もって感謝します

4

1 に答える 1

2

実行する次の変更を参照してください。

ループの前にこれを宣言します。

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

これをforループに含めます

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

そしてこれはループの後で：

map.fitBounds( latlngbounds );

そして、2番目の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 );
于 2012-09-24T12:36:16.163 に答える