openlayer中zindex設(shè)置
在地圖開發(fā)過程中讶舰,遇到多個(gè)圖標(biāo)相互覆蓋問題箩兽,這時(shí)可以使用zIndex
控制圖標(biāo)的層級(jí)顯示油坝。
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: 控制圖層的渲染順序职辅,圖層渲染時(shí)厌均,按照zIndex進(jìn)行排序唬滑。
zIndex for layer: css樣式中的zIndex。