小程序中map是原生组件，渲染层高于WebView，z-index无效；唯一可靠覆盖方案是cover-view，须嵌套在map内部且仅支持基础CSS和特定子组件。
小程序里map总盖住其他元素，z-index完全没用
直接说结论：小程序端的 <map> 是原生组件，它的渲染层在 WebView 之上，CSS 的 z-index 对它无效。这不是你写错了样式，而是平台机制决定的——就像微信小程序底层把地图画在“玻璃板”上，HTML 元素再怎么调层级也穿不透。
cover-view 是小程序唯一靠谱的覆盖方案
小程序官方只提供 cover-view 和 cover-image 来覆盖原生组件（<map>、<video> 等），这是唯一被平台认可、稳定生效的方式。
-
cover-view必须写在<map>标签内部，不能放在外面；否则不生效 - 它不支持
overflow、flex: 1、position: fixed等常见 CSS 属性，只认基础定位（absolute+top/left）和简单盒模型 - 文本内容必须用嵌套的
cover-view包裹，不能直接写文字节点 - 层级由 DOM 嵌套顺序决定：越靠近
<map>标签末尾的cover-view，层级越高
示例结构：
<map :latitude="lat" :longitude="lng" style="width: 100%; height: 300px;">
<cover-view class="toolbar">
<cover-view class="btn">定位</cover-view>
</cover-view>
<cover-view class="search"></cover-view>
</map>
为什么 subNVue 在小程序里根本不能用
subNVue 是 uni-app 为 App 端设计的原生子窗体机制，依赖 plus.webview API，在微信/支付宝/百度等小程序环境中完全不存在。你在小程序代码里调用 uni.getSubNVueById 或配置 pages.json 的 subNVues 字段，运行时会直接报错或静默失败。
- 小程序没有
webview子窗体概念，也没有plus这个全局对象 - 试图在小程序里复用 App 端的
subNVue逻辑，会导致uni.getSubNVueById is not a function错误 - 哪怕你建了
.nvue文件，小程序编译器也不会识别它，更不会打包进小程序包
cover-view 失效的几个典型场景和绕过方式
不是所有需求都能靠 cover-view 满足，遇到以下情况得换思路：
- 需要全屏遮罩或复杂弹窗 → 把
<map>用v-if临时隐藏，弹窗出来后再恢复显示 - 要实现“镂空”效果（比如中间挖空显示地图，四周是半透明蒙层）→
cover-view不支持clip-path，只能用多层cover-view拼出边框，或者改用 canvas 绘制蒙层 - 需要响应滚动或跟随视口定位 → 小程序里
cover-view不响应pageScroll事件，得监听map的regionchange手动更新位置 - 要放富文本或 input →
cover-view里不能放<input>，得把输入框放在<map>外部，用绝对定位模拟重叠，再通过bindtap触发聚焦
真正难搞的不是怎么写，而是得时刻记住：cover-view 不是 view，它是一套受限但确定的规则。越想把它当普通 div 用，越容易卡在奇怪的兼容性上。
