angularjs - Angular 谷歌地图标记类型的不同标记

Question

我正在使用 Angular 谷歌地图来渲染 map ，我正在使用谷歌地点进行搜索并将附近的位置显示为标记。我想要的只是为不同的地方显示不同的标记。例如，我有 20 个不同类型的标记的集合，如果我有学校，我必须用学校标记突出显示它。我的代码是 Controller :-

var displayStoreMarkers = function(results, status) {
          if (status == google.maps.places.PlacesServiceStatus.OK) {
            for (var i = 0; i < results.length; i++) {
               var place = results[i];
               $scope.markers.push({
                      id: i,
                      coords: {
                         latitude: place.geometry.location.lat(),
                         longitude: place.geometry.location.lng()
                      },
                      data: 'hospital,school,accounting,airport,amusement_park,atm,bakery,bank,bar,cafe,church,food,hindu_temple',
                      name: place.types
               });
            }
          }
          $scope.$apply();
          $scope.length=results.length;
          $scope.place = results;
     }

和 html:-

<ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options" control="mapControl">
    <ui-gmap-markers models="markers" coords="'coords'">
        <ui-gmap-windows show="show">
            <div ng-non-bindable>{{name}}</div>
        </ui-gmap-windows>
    </ui-gmap-markers>  
</ui-gmap-google-map>

Answer 1

使用options.icon的<ui-gmap-marker>指令或typeOptions的<ui-gmap-markers>指令。

查看文档:

http://angular-ui.github.io/angular-google-maps/#!/api/marker

http://angular-ui.github.io/angular-google-maps/#!/api/markers