Angular OpenLayers - 创建矢量图层

Question

大家好我想尝试使用angular-openlayers-directive创建一个矢量图层。但一直在回到这个错误：

TypeError: Cannot set property 'index' of undefined
    at addLayerBeforeMarkers
...

这是我用来在我的控制器中配置地图的代码：

 $scope.layers = [
      {
        name: 'first',
        source: {
          type: 'ImageWMS',
          url: 'http://mymapserver/blah',
          params: {LAYERS: ''}
        }
      },
      {
        name: 'features',
        source: {
          type: 'Vector',
          source: null //I've tried without this option also.
        }
      }
    ];

这是HTML：

 <openlayers ol-center="ven" height="100vh">
        <ol-layer name="{{layer.name}}" ol-layer-properties="layer" ng-repeat="layer in layers"></ol-layer>
 </openlayers>

为什么矢量图层对我的地图来说太难了。我想要的只是稍后添加和删除功能，因此使用GeoJSON Layer没有多大意义，我在示例中已经看到了很多。

如何在地图中添加矢量图层？如何手动将某些功能添加到此矢量图层？所有这些都使用Angular。