Question

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

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

参见文档：

角谷歌地图标记类型的不同标记

1 个答案: