2015-12-09 46 views
9

对于群集功能,我想作以下样式在OL3:的OpenLayers 3偏移RegularShape

一个正方形,并且在它的上面在右上角的另一个较小的正方形。较大的正方形将保留符号,较小的正方形将保留聚簇特征的数量。

类似this

是否有可能实现这一目标?在API中,我看到ol.style.Icon和ol.style.Text具有锚点和偏移属性,但不是RegularShape ...

回答

1

我最终用这个问题解决了这个问题,广场和小广场,也和覆盖在动态文本就可以了,就像这样:

var clusterStyle = [new ol.style.Style({ 
     image: new ol.style.Icon({ 
      src: clustericon.png 
     }), 
     text: new ol.style.Text({ 
      text: feature.get('features').length.size.toString(), 
      offsetY: -18, 
      offsetX: 18, 
      font: '12px Arial', 
      fill: new ol.style.Fill({ 
      color: '#fff' 
      }), 
      scale: 1 
     }), 
     zIndex: 20 
     }), new ol.style.Style({ 
     image: new ol.style.Icon({ 
      src: 'overlayicon.png' 
     }), 
     zIndex: 21 
     })]; 

您也可以将其插入叠加图像。希望它能帮助你反正