0

Google Maps API v3 のルート サービスで 2 つのポリラインを描画しています。

私の問題は、それらがマップの一部で重なっている場合、一方が他方を覆ってしまうことです。私の街のバス路線を全部で 6 本描きたいと思います。すべてのルートは市内の同じエリアに戻りますが、それらを区別するのは非常に困難です。

各行を少しオフセットする方法はありますか?

function busRoute2(source,destination){
        // show route between the points
        directionsService = new google.maps.DirectionsService();
        directionsDisplay = new google.maps.DirectionsRenderer(
        {
            suppressMarkers: true,
            suppressInfoWindows: true,
            polylineOptions: { strokeColor: '#000000', strokeOpacity: 0.5 } 
        });
        directionsDisplay.setMap(map);
        var request = {
            origin:source, 
            destination:destination,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) 
        {
            if (status == google.maps.DirectionsStatus.OK) 
            {
                directionsDisplay.setDirections(response);

            }
        });

}
4

2 に答える 2

0

私の提案を忘れてください。polyLineから4ピクセルオフセットするごとに繰り返される繰り返しアイコン（2ピクセルドット）を作成しようとしました。それは絶対に嫌なように見え、ブラウザに遅れをとっています。

角度dLat、dLng、ズームスケールに従って、ロード時にポリラインの座標を編集する関数を作成する必要があります。

マーカー（停留所、バス）と路線を道路の片側に配置し、反対方向に戻るようにします。また、地図上の道路名をわかりにくくしたくない

誰かがこのメールを手伝いたい場合は、huntington@beachincalifornia.comまでメールを送ってください。

于 2012-08-07T01:31:31.803 に答える
0

Heres作業コード (非常に基本的な) polyLine オフセット マップのアニメーション注: アイコンの「オフセット」プロパティは、線に沿ったアイコンのパーセント オフセットです。アイコン（この場合は線）自体の相対「パス」座標（SVG形式）を操作して、線からオフセットする必要があります

于 2012-08-06T07:27:24.937 に答える