2012-01-10 86 views
2

我工作的一個routetracking webbapp一個途徑,並認爲這將是很酷的動畫路線,而不是僅僅顯示在地圖上了。動畫同時顯示谷歌地圖和谷歌街景

我覺得這是很酷:http://tripgeo.com/DirectionsMapExamples.aspx?id=2

我想實現這個我的路線,但是: 因爲我明白(因爲我續讀的代碼),他們只有一個開始/結束地址,產生休息。當我有一個完整的路線,這不會爲我工作。

我需要實現是那麼檢查每一個路線點的全景街景API,如果可用顯示它在其他跳到下一個腳本。

這超出了我的配圖/街景相互作用的知識,將非常樂意傾聽的人已經做過這樣的事情之前,如果可能的話給我一些指點:)

+0

@Infini嗨,你有沒有做到呢?我試圖做同樣的事情。 – mikesneider 2017-11-16 14:39:10

回答

0

我在做一些非常相似,這是我的想法。一旦你顯示了路線,你就知道存儲在「腿」或「航點」中的信息(無論你想要的方式)。然後重裝使用的setTimeout或setInterval的每一秒,並在每個重裝股利,更新圖標的位置,腿部是start_point。

這裏是requestHandler方法

var i = 0; 
function requestHandler(result, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(result); //Your directionsDisplay object 
     var myRoute = result.routes[0].legs[0]; 
     if(i < myRoute.steps.length; i++) { 
      //Write the code to include the icon using google.maps API 
     } 
    } 
setTimeout(requestHandler,1000); 
} 

我知道這可能不是完美的解決方案,但你只需要鼓搗與它周圍。我也在玩它來找到完美的解決方案。

+0

啊,那可能就是這樣!今晚晚些時候我會整理它,我發現我需要閱讀谷歌地圖方向aswell – Infini 2012-01-10 12:04:06

+0

嗨@thandasoru,你怎麼能指定米的距離?在[http://tripgeo.com/DirectionsMapExamples.aspx?id=2](example)中可以做到這一點。 – mikesneider 2017-11-16 14:34:36

0

只要你只需要訪問(最多8個,除非企業客戶時,它是23),您可以指定航點該路由將經過幾個點。

你仍然可以通過編程來完成。

檢查this article瞭解更多信息。 更多info about waypoints here的規格。