2016-03-31 66 views
0

我在sapui5應用程序中使用框架openui5-googlemaps來使用谷歌地圖。我有一個lat/lng位置數組。我想在這個數組中從一個位置到另一個位置繪製一條線。從SAPUI5中的緯度/經度列表中繪製路線

我發現方向的例子:

<gmaps:directions> 
     <gmaps:Directions startAddress="{mapModel>/start}" endAddress="mapModel>/end}" unitSystem="1" waypoints="{mapModel>/stops}"> 
      <gmaps:waypoints> 
       <gmaps:Waypoint location="{mapModel>/name}"></gmaps:Waypoint> 
      </gmaps:waypoints> 
     </gmaps:Directions> 
    </gmaps:directions> 

在此解決方案的問題是,我不希望在每個位置的標記。 (我的位置有幾米的距離。) 此外,此解決方案繪製基於街道的線條。無論街道如何,我都需要解決方案。

+0

聽起來像是你要使用的[折線類]的(https://github.com/jasper07/openui5-googlemaps/blob/master/src/Polyline.js),而不是方向之一 – duncan

+0

你有一個使用的例子嗎? 我有我的問題讓它以正確的方式運行。 –

+0

不,他們不打擾在他們的樣本中給出一個例子。我會說[John Patterson](https://github.com/jasper07)請求更新示例 – duncan

回答

2

如果你想使用折線看到Sample App2看到例如

讓我知道,如果你加入一個問題回購

[更新]

這裏希望有一個獨立的例子是sample app using polylines

<openui5.googlemaps:Map id="map1" lat="{/beaches/1/lat}" lng="{/beaches/1/lng}" > 
    <openui5.googlemaps:polylines> 
     <openui5.googlemaps:Polyline path="{/beaches}" /> 
    </openui5.googlemaps:polylines> 
</openui5.googlemaps:Map> 

跑步看起來像

enter image description here

+0

感謝您的回答。我不確定,因爲我在這個主題中真的很新,但你只在這個例子中設置標記。我不需要標記。而不是他們,我只需要在lat/lng座標之間畫一條直線距離。 –

+0

查看更新---- –

+0

太棒了!謝謝 –