Openlayers 3 偏移 RegularShape

Question

对于集群功能，我想在OL3中采用以下样式：

一个正方形，在其右上角另有一个较小的正方形。较大的正方形将容纳符号，而较小的正方形将容纳聚类要素的数量。

类似于这个

是否可能实现这一点？在API中，我已经看到ol.style.Icon和ol.style.Text具有锚和偏移属性，但不包括RegularShape...

- Benedek Simo

Answer 1

我最终通过使用一个包含正方形和较小正方形的单个png图像，并将动态文本覆盖在其上来解决了这个问题，如下所示：

    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
      })];

你可以在其上插入一个覆盖图像。希望这能对你有所帮助。

- Benedek Simo