Angular Google Maps - 如何給地圖添加方向

Question

我正在開發一個帶有angularjs的web應用程序。

在我的應用程序中，我想介紹一個包含標記和方向的Google地圖。 對於標記它很容易，因爲我們有「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

這裏是marker指令。 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>