javascript - Angular Google map - 如何向 map 添加方向

Question

我正在使用 angularjs 开发一个 Web 应用程序。

我想展示一个带有标记和方向的谷歌地图。 对于标记来说很简单，因为我们有“ui-gmap-marker”指令。问题是我没有找到任何“方向”指令。

如何在我的标记之间添加方向？

<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="map.options" bounds="map.bounds" events="map.events">
<ui-gmap-drawing-manager options="drawingManagerOptions" control="drawingManagerControl" events="eventHandler">
<div ng-repeat="marker in markers track by $index">
    <ui-gmap-marker coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.markerFirebaseKey">
        <ui-gmap-window options="marker.window.options">
        <div>
            <div class="blue large">{{marker.title}}</div>
            <div class="orange medium">{{marker.description}}</div>
        </div>
        </ui-gmap-window>
    </ui-gmap-marker>
</div><!-- end of marker -->
</ui-gmap-drawing-manager>
</ui-gmap-google-map>

Answer 1

我尝试使用 ui-gmap-google-map 获取路线。但目前暂不支持该功能。

但是您可以使用这个包含所有功能的库。 http://ngmap.github.io

这是标记指令。 http://ngmap.github.io/#/!marker-simple.html

    <ng-map center="-25.363882,131.044922" zoom="4">
         <marker position="-25.363882,131.044922" title="Hello World!">   </marker>
    </ng-map>

这是方向指令。 http://ngmap.github.io/#/!directions.html

<ng-map zoom="14" center="37.7699298, -122.4469157" style="height:90%" on-click="logLatLng()" >
        <directions 
          draggable="true"
          panel="directions-panel"
          travel-mode="{{travelMode}}"
          waypoints="{{wayPoints}}"
          origin="{{origin}}"
          destination="{{destination}}">
        </directions>
      </ng-map>