openlayer中zindex设置
在地图开发过程中,遇到多个图标相互覆盖问题,这时可以使用zIndex
控制图标的层级显示。
var iconStyle = new ol.style.Style({
image : new ol.style.Icon({ ... }),
zIndex : 1
});
var feature = new ol.Feature({
geometry: format.readGeometry(geoWktStr, {
dataProjection: 'EPSG:4326',
featureProjection: ...
}),
styles: iconStyle,
...
});
var sourceVector = new ol.source.Vector();
sourceVector.addFeature(feature);
var vectorLayer = new ol.layer.Vector({
source: sourceVector,
opacity: 1,
zIndex: 2
});
zIndex for style: 控制图层的渲染顺序,图层渲染时,按照zIndex进行排序。
zIndex for layer: css样式中的zIndex。