OpenLayers 3點文字zIndex

Question

文本似乎不尊重圖像的zIndex。 如果在同一個坐標中有多個點（堆疊的點），則每個點的文本將在彼此之上渲染，並中斷設計。

有沒有辦法使圖像和文本尊重其相同的zIndex位置？

我發現此OpenLayers 3圖片和文字樣式zindex ，但未提供解決方案

這是我的代碼：

new ol.style.Style({
            image: new ol.style.Circle({
                radius: 3,
                scale: 0.5,
                fill: new ol.style.Fill({
                    color: 'green'
                })
            }),
            text: new ol.style.Text({
                font: 'helvetica,sans-serif',
                text: 'here is the text',
                fill: new ol.style.Fill({
                    color: 'white'
                })
            }),
            zIndex: 10
        })

Answer 1

在將點符號與文本堆疊時，如果希望文本粘貼在符號上，則需要給每個點自己的zIndex （遞增）。 參見http://jsfiddle.net/8g1vayvc/ 。 您也可以在樣式函數中執行此操作：

var myStyle = new ol.style.Style({/*...*/});
var zIndex = 0;
function styleFunction(feature, resolution) {
  myStyle.setZIndex(zIndex++);
  return myStyle;
}