uni-app转成百度小程序markers的iconPath临时路径无法显示

uni-app转成百度小程序markers的iconPath临时路径无法显示

操作步骤：

  • 百度小程序运行后，点击首页中的’点击‘按钮，会出现带11的图标，这个图标是canvas绘制生成的

预期结果：

  • 首页点击按钮触发后出现带有11的marker

实际结果：

  • 首页点击按钮触发后，marker是原生的marker点，真机上也是一个效果

bug描述：

  • 百度小程序中marker不支持临时路径
项目属性 详细信息
产品分类 uniapp/小程序/百度
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 20H2
HBuilderX类型 正式
HBuilderX版本号 3.1.13
第三方开发者工具版本号 3.31.1
基础库版本号 3.290.31
项目创建方式 HBuilderX

更多关于uni-app转成百度小程序markers的iconPath临时路径无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app转成百度小程序markers的iconPath临时路径无法显示的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的百度小程序平台限制问题。百度小程序的map组件marker确实不支持临时路径作为iconPath，这与微信小程序的行为存在差异。

解决方案：

  1. 使用网络图片URL：将图标上传至服务器，使用完整的https路径
  2. 使用base64格式：将图片转换为base64字符串直接赋值给iconPath
  3. 使用项目本地路径：将图标放在static目录下，使用相对路径引用

对于canvas绘制生成的图标，建议：

  • 将canvas绘制结果转换为base64格式
  • 或者上传到临时文件服务器获取网络URL

代码示例：

// base64方式
marker.iconPath = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...'

// 网络URL方式  
marker.iconPath = 'https://example.com/icon.png'

// 本地路径方式
marker.iconPath = '/static/icon.png'
回到顶部