ng-map - 使用 ngmap 在多个标记之间绘制折线

Question

如何使用 ngmap 在多个标记之间绘制折线？

这是我使用 ng repeat 在动态标记上的 ngmap 代码

<div map-lazy-load="http://maps.google.com/maps/api/js" map-lazy-load-params="{{googleMapsUrl}}" class="fullmap">
<map center="{{mapCenter.lat}},{{mapCenter.lng}}" zoom="{{mapCenter.zoom}}" pan-control="true" scrollwheel="false" default-style="false"  >
    <custom-control id="searchCtrl" position="TOP_CENTER" index="1" on-click="doSearch()">
        <button>Search</button>
    </custom-control>
    <marker ng-repeat="pos in positions" position="{{pos.latitude}}, {{pos.longitude}}"
            title="({{pos.deviceTime| date:'medium'}}) GPS: {{pos.latitude}}/{{pos.longitude}}, Speed: {{pos.speed}}, Course: {{pos.course}}"
            id="pos{{pos.id}}"
            icon="{{'assets/green.png'}}"
            visible="true">
    </marker>
</map>
</div>

Answer 1

从此链接找到答案

所以，我只需要为形状指令中的路径创建一个纬度和经度的数组对象

HTML

<shape name="polyline" path="{{path}}" geodesic="true" stroke-color="#FF0000" stroke-opacity="1.0" stroke-weight="2"></shape>

控制器

 $scope.path = $scope.positions.map(function(position){
     return [position.latitude,position.longitude];
});