我正在使用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结合起来?