[英]OpenLayers 3 point text zIndex
文本似乎不尊重图像的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
})
在将点符号与文本堆叠时,如果希望文本粘贴在符号上,则需要给每个点自己的zIndex
(递增)。 参见http://jsfiddle.net/8g1vayvc/ 。 您也可以在样式函数中执行此操作:
var myStyle = new ol.style.Style({/*...*/});
var zIndex = 0;
function styleFunction(feature, resolution) {
myStyle.setZIndex(zIndex++);
return myStyle;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.