微信小程序地图气泡如何设置?

　　微信小程序地图气泡如何设置?很多小程序开发者，在要用到地图功能的时候，就会要用到小程序组件之一的地图组件，但是大家会发现在地图上面有气泡，那么这些地图上的气泡如何设置?下面一起随小编来了解吧。

　　微信小程序地图气泡如何设置?

　　在微信小程序开发者工具上无法对地图移动、放大等操作，(以前某个版本可以移动)每次调试都要真机进行调试。使用真机上的调试工具，因为官方指出map小程序组件是由客户端创建的原生组件，它的层级是最高的，所以当map的height设置为100%时，真机上的调试工具也是看不到的。

　　marker上的气泡callout：

　　下图为官方文档说明;

　　1.borderRadius属*

　　我给markers的callout添加了borderRadius：50 属*;

　　安卓微信打开小程序，小程序页面正常显示，边框有圆角。但是iOS微信打开小程序如下图：

　　2.color属*

　　我添加了文本颜色'color': 'white'属*，

　　安卓微信打开小程序，小程序界面显示正常。iOS微信打开小程序识别不了white，如下图：

　　后来我改成'color': '#FFFFFF',才正常显示白色文字。

　　官方文档没有明确指出color属*使用white的时候在iOS的机子上无法识别。bgcolor我没测试能否使用颜色单词作为背景颜色的属*值。

　　所以，我建议大家最好是尽量使用十六进制的方式设置其颜色属*，避免iOS端微信小程序不正常显示。

　　以上就是小编为大家搜集的微信小程序地图气泡如何设置?的全部内容了，希望能帮到大家。如果你还有更多疑问或者建议，可以来我们微小乔的网站哦，谢谢大家的关注!

相关推荐：

微信小程序卫星地图开发实例

微信小程序地图导航,景区地图导航应用微信小程序

微信小程序导航地图开发实例