javascript - Angular Google Maps- how to add direction to the map -


i'm developing web application angularjs.

in app want present google map markers , directions. marker easy because have "ui-gmap-marker" directive. problem don't find directive "directions". how can add directions between markers?

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

thanks in advanced.

i tried ui-gmap-google-map directions. there not available feature currently.

but can use library included every features. http://ngmap.github.io

here marker directive. 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> 

here directions directive. 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>  

Comments