angularjs - 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 图层没有多大意义，我在示例中已经看到了很多。

如何将矢量图层添加到我的地图？如何手动向该矢量图层添加一些特征？所有这些都使用 Angular。