微信小程序marker 上的气泡 callout设置没有生效

芹丸子芹丸子 - 2023-03-22 06:20:04

---

原本是在自己练习的项目中用到了map组件,于是就查看文档体验其中的属性,在体验到marker的时候都是没有问题的,当按照文档的要求设置了callout 所有的属性之后发现并没有生效,还不如没有设置callout时的默认的marker效果好,于是也搜索找到了问题的原因,这里记录一下

markers: [{
            id: 1,
            iconPath: "/image/糖葫芦.png",
            latitude: 23.099994,
            longitude: 113.324520,
            title: 'T.I.T 创意园',
            width: 50,
            height: 40,    
            callout: {
                content: '1111',
                color: '#d1c2d3',
                fontSize: 12,
                borderRadius: 10,
                borderWidth: 5,
                borderColor: '#894e54',
                bgColor: '#f0a1a8',
                padding: 10,
                // display: 'ALWAYS',
                textAlign: 'center',
                // anchorX:20,
                // anchorY:20,
            }
        }],
没有设置callout的时候显示的文字是title种的内容,
如果设置了callout那就显示的content中的内容,

注意:
fontSize,borderRadius ....等属性的设置要限制为数字
borderColor,color ....等颜色的设置都要是十六进制方式

还需要注意的是,在开发者工具中没有看到效果,需要在真机上体验会生效

Tags 标签

前端微信小程序

扩展阅读