使用支付宝小程序的map callout气泡功能时出现了customCallout不显示 / xml文件不被编译等等一系列的问题,网上的信息比较杂乱,分享一下自己的解决过程
支付宝小程序中的customCallout在真机中只显示第一个,改用iconLayout实现功能;
使用map高级定制渲染时,xml文件不会被编译,按照支付宝官方文档,在manifest.json中添加:
"mp-alipay": {
"include": ["**/*.xml"]
}
添加后没有效果,之后发现可以在项目根目录添加mini.project.json文件,在此文件中添加配置:
{
"enableAppxNg": true,
"include": ["**/*.xml"]
}
marker:
// #ifdef MP-ALIPAY
iconLayout: {
params: {
count: 1
},
src: '/static/map-xml/map-icon.xml'
}
// #endif
map-icon.xml:
<box layout="horizontal">
<text
id="test1"
clickable="true"
text="测试1"
padding-left="8"
padding-right="8"
font-size="16"
border-radius="6"
background-color="#FF0000"
/>
<text
id="test2"
clickable="true"
text="测试2"
padding-left="8"
padding-right="8"
font-size="16"
border-radius="6"
background-color="#FF0000"
/>
</box>
编译成功后在支付宝开发者工具mini.project.json文件中的配置
xml文件需要放入static文件夹中,放在根目录时不会编译
真机运行后气泡正常显示