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
Post a Comment