angularjs Angular 谷歌Map-如何添加方向的Map

pxyaymoc  于 2023-01-16  发布在  Angular
关注(0)|答案(1)|浏览(137)

我正在用angularjs开发一个web应用程序。
我想展示一个带有标记和方向的谷歌Map。标记很简单,因为我们有“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>
8i9zcol2

8i9zcol21#

我试过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/#/!

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

相关问题