小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述（希望解决的问题）
- 希望提供的能力
如图，想要给map组件设置圆角，但无奈一直没有成功，直接给map组件本身设置的话，完全没有效果，外层用view设置的话，模拟器倒是可以，但是真机上原生组件就会覆盖住view，还是不行，有没有大神做过类型的啊？给点意见或想法呗
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
外层用view 并且在 view css中加入 transform: translateY(0); /* ios map 圆角 不生效解决方案 */
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
是要这种效果么？还是说必须在地图上面弄圆角框？如果只是地图外的，而不是在地图上画标记，那直接用外层盒子去控制就行了呀。不需要去修改地图的插件。我这个就是把外边框写了个透明的边框，然后中间的地图大小大于外面的盒子，然后外面的盒子设置溢出隐藏就实现了。
外层套盒子 宽高要与map一致，关键代码view的css： overflow:hidden;transform: translateY(0);
官方啥时候能把map组件的的基本css功能开放啊
用 cover-view 覆盖上去
我也有想过cover-view，设置圆角，但是怎样只显示圆角内部的区域，外边的4个角角变成白色，造成圆角的错觉呢，可以指点一下吗？
四个角都用cover-image盖一个凹圆角的白图。
这个确实算是最终的一个解决办法，如果必须要做这种效果的话
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
外层用view 并且在 view css中加入 transform: translateY(0); /* ios map 圆角 不生效解决方案 */
是要这种效果么？还是说必须在地图上面弄圆角框？如果只是地图外的，而不是在地图上画标记，那直接用外层盒子去控制就行了呀。不需要去修改地图的插件。我这个就是把外边框写了个透明的边框，然后中间的地图大小大于外面的盒子，然后外面的盒子设置溢出隐藏就实现了。
外层套盒子 宽高要与map一致，关键代码view的css： overflow:hidden;transform: translateY(0);
官方啥时候能把map组件的的基本css功能开放啊
用 cover-view 覆盖上去
我也有想过cover-view，设置圆角，但是怎样只显示圆角内部的区域，外边的4个角角变成白色，造成圆角的错觉呢，可以指点一下吗？
四个角都用cover-image盖一个凹圆角的白图。
这个确实算是最终的一个解决办法，如果必须要做这种效果的话