从SAPUI5中的lat / lng列表中绘制路径

时间:2016-03-31 08:48:06

标签: google-maps sapui5

我正在使用框架openui5-googlemaps在sapui5应用程序中使用谷歌地图。

我有一系列lat / lng位置。我想在这个数组中从一个位置到另一个位置画一条线。

我找到了一个方向示例:

<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>

这个解决方案的问题是,我不希望每个位置都有标记。 (我的位置有几米的距离。) 此外,该解决方案基于街道绘制线条。无论街道如何,我都需要一个解决方案。

1 个答案:

答案 0 :(得分:2)

如果您想查看使用折线的示例,请参阅Sample App2

如果您想要一个独立的示例,请通过向repo添加问题

告诉我

[UPDATE]

这是一个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