typeError
typeError
  • 发布:2024-09-18 16:24
  • 更新:2024-09-18 16:24
  • 阅读:153

支付宝小程序map高级定制渲染踩坑

分类:uni-app

使用支付宝小程序的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文件夹中,放在根目录时不会编译

真机运行后气泡正常显示

0 关注 分享

要回复文章请先登录注册