关于前端:微信小程序marker-上的气泡-callout设置没有生效

本来是在本人练习的我的项目中用到了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 ….等色彩的设置都要是十六进制形式

还须要留神的是,在开发者工具中没有看到成果,须要在真机上体验会失效

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理