openlayer中zindex设置

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。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,574评论 1 32
  • 前端必读:浏览器内部工作原理[https://kb.cnblogs.com/page/129756/] 作者: T...
    我是强强阅读 1,244评论 0 2
  • 三十年前的今天,敬爱的父亲与世长辞。今天是他的忌日。我谨以一九九四年创作的诗来纪念他。 那一夜,我迷迷糊糊梦见了父...
    1daff558920f阅读 500评论 0 0
  • import urllib.request import gevent from gevent import mo...
    Vicky_4414阅读 126评论 0 0
  • 花瓣飘如雨, 片片都是凄凉意 花欲与树长相依 奈何风儿无情总相欺。 问树为何不将花儿长托起? 树无语,花悲泣, 世...
    云水禅心1阅读 495评论 0 0

友情链接更多精彩内容