Openlayers 3 Offset RegularShape

【问题标题】：Openlayers 3 Offset RegularShapeOpenlayers 3 Offset RegularShape
【发布时间】：2015-12-09 13:44:32
【问题描述】：

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

一个正方形，在它上面右上角的另一个较小的正方形。较大的正方形将保存符号，较小的正方形将保存聚类特征的数量。

类似于this

有可能实现吗？在 API 中，我看到 ol.style.Icon 和 ol.style.Text 具有锚点和偏移属性，但没有 RegularShape...

【问题讨论】：

标签： openlayers-3

【解决方案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
      })];

您还可以在其上插入叠加图像。希望对你有帮助

【讨论】：