122.在 Vue3 中使用 OpenLayers 实现图层层级控制（zIndex）显示与设置详解
📅 作者：彭麒
📫 邮箱：1062470959@qq.com
📌 声明：本文源码归吉檀迦俐所有，欢迎学习借鉴，如用于商业项目请注明出处 🙌
🔧 技术栈：Vue 3 + Composition API + OpenLayers 6+ + Element Plus + Tailwind CSS
🧠 一、什么是 zIndex（图层层级）？
在地图开发中，我们常常需要多个图层叠加显示，比如：
-
底图（OSM、天地图等）
-
热力图层
-
标注图层
-
特效图层
这时候，如果你不设置好 图层的显示顺序（zIndex），可能会出现：
❌ 重要内容被挡住
❌ 交互区域点击不到
✅ 设置好 zIndex，就像给每一层贴上「显示顺序标签」，让图层按预期叠加展示