微信小程序marker 上的自定义气泡cover-view宽度自适应问题

前言：

因为解决这个问题时候没找到原因，而且博客也是真的难找，所以把解决方案放出来，给自己做一个笔记，也希望可以帮到遇到同样的问题的程序猿们。

项目场景：

微信小程序地图自定义气泡，虽然目前原生组件均已支持同层渲染，但是根据官网描述自定义气泡只能使用cover-view。

cover-view

marker自定义气泡

---

问题描述

真机两个cover-view宽度强行一致，无法自适应，模拟器正常展示

---

解决方案：

简单来说就是marker-id所在的cover-view元素不加样式，在其子级加一层cover-view用来作为样式承载。

出现问题的代码展示：

解决问题的代码展示：

思路来源

思路来源：https://developers.weixin.qq.com/community/develop/doc/000c8e63ea8480f8f59771b3556000