使用Angular openlayers指令(ol3)为标记创建聚类层

时间:2015-12-09 02:56:07

标签: javascript angularjs angularjs-directive openlayers-3

我正在使用https://github.com/tombatossals/angular-openlayers-directive中的Angular Openlayers指令来制作一个简单的地图应用程序。我正在尝试使用ol-layer指令创建一个集群层,该指令使用带有ng-repeat的ol-marker创建集群标记:

<body ng-app="theApp" ng-Controller="appController as appCtrl">
...
<ol-layer ol-layer-properties="appCtrl.clusterProp"></ol-layer>
<ol-marker ng-repeat="marker in appCtrl.markers"></ol-marker>
...

控制器内部js:

var vm = this;
...
vm.clusterProp = {
clustering: true,
clusteringDistance: 40,
source: {
    type: 'Vector'//Does not work
    //What else to put here?
}
};

问题是没有直接的方法将矢量图层传递给clusterProp对象,这与http://tombatossals.github.io/angular-openlayers-directive/examples/059-layer-clustering.html中所见的图层聚类示例不同。

群集功能对我的应用程序非常重要,但ol-marker的HTML弹出功能也是如此。如果可能的话,我不想放弃使用这个angular openlayers指令库。

有没有人成功地将ol-marker与聚类ol-layer结合起来?

0 个答案:

没有答案