uni-app的map设置controls无效

uni-app的map设置controls无效

操作步骤：

  • app上不展示map的controls，ios和android都不行。

预期结果：

  • app上不展示map的controls，ios和android都不行。

实际结果：

  • app上不展示map的controls，ios和android都不行。

bug描述：

  • app上不展示map的controls，ios和android都不行。

| 项目 | 信息 |
| --- | --- |
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | win10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 3.3.6 |
| 手机系统 | Android |
| 手机系统版本号 | Android 11 |
| 手机厂商 | OPPO |
| 手机机型 | 荣耀v10 |
| 页面类型 | vue |
| vue版本 | vue2 |
| 打包方式 | 离线 |
| 项目创建方式 | HBuilderX |

更多关于uni-app的map设置controls无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

用示例代码hello uni-app能出现你的问题吗？

更多关于uni-app的map设置controls无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


跟着文档慢慢搞，我也是V10,前几天用了都行呀

微信小程序平台也不显示，难度小程序平台不支持？

根据你的描述，controls 在 App 端不显示是一个常见问题。主要原因和解决方案如下：

  1. 平台差异：controls 属性在 App 端（特别是使用原生地图时）支持度有限，与小程序端的行为不完全一致。App 端的 map 组件基于各手机厂商的原生地图 SDK，其 controls 的渲染由原生层控制，可能受系统版本、厂商定制等因素影响。

  2. 检查代码：确保 controls 的 position 属性设置正确（如 {left: 0, top: 0, width: 50, height: 50}），且 iconPath 使用本地图片路径（如 /static/icon.png）。示例：

    <map :controls="controlsList"></map>

    controlsList: [{
  id: 1,
  iconPath: '/static/control.png',
  position: { left: 10, top: 10, width: 30, height: 30 },
  clickable: true
}]
回到顶部