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

这是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>

Angular Google Maps-如何向地图添加方向

1 个答案: