乐趣区

关于前端:微信小程序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 …. 等色彩的设置都要是十六进制形式

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

退出移动版