2012-08-03 167 views
0

我有兩個折線圖繪製在谷歌地圖api v3方向服務。偏移谷歌地圖DirectionsService折線

我的問題是,他們在地圖的一部分重疊,一個覆蓋其他人。我希望總共繪製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); 

      } 
     }); 

} 

回答

0

繼承人的工作代碼(很基本的)polyLine offset map animated注:「偏移」屬性的圖標是百分比沿線圖標的偏移。 您需要操縱圖標的相對「路徑」座標(SVG格式)(在您的情況下爲一行)本身,以便將它從行中偏移

0

忘掉我的建議。我試圖創建一個重複圖標(2像素點),從polyLine偏移4個像素。它看起來非常噁心,並且滯後於瀏覽器。

我將不得不創建一個函數,根據角度dLat,dLng和縮放比例在加載時編輯折線的座標。

由於您希望您的標記(停靠站,巴士)和線路位於朝一個方向而另一個方向返回的一側。你也不想如果有人想幫助這個在[email protected]給我發電子郵件

+0

感謝您的答覆掩蓋了地圖

上的路名 – 2012-08-08 13:46:27