const marker = {
id: 1000, // 我的位置id固定为1000
longitude: res.longitude,
latitude: res.latitude,
iconPath: '/static/img/patrol/icon_workbench_patrol_loc_mine.png',
anchor: { x: 0.5, y: 0.5 },
width: 40,
height: 40,
level: 1000,
callout: {
content: '我的位置',
color: '#4A90E2',
fontSize: 11,
bgColor: '#FFFFFF',
borderRadius: 12,
padding: 4,
display: 'ALWAYS'
}
}
- 发布:2023-01-10 15:52
- 更新:2023-02-11 13:25
- 阅读:837
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.15
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: 小米10
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
1:Android App
2:打开nvue页面,添加map
3:在map中添加marker
1:Android App
2:打开nvue页面,添加map
3:在map中添加marker
预期结果:
预期结果是IOS和Android中气泡都显示在图片正上方
预期结果是IOS和Android中气泡都显示在图片正上方
实际结果:
IOS:显示正常
Android:气泡显示偏上
IOS:显示正常
Android:气泡显示偏上
bug描述:
安卓App中,在nvue下使用map,在添加marker时,如果marker设置了anchor偏移,则callout气泡显示会出现异常,callout会往上偏移一部分
附件中附带ios和Android的效果图
最佳回复
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866
帮助官方排查,已验证,andorid版本确实存在这个问题
久智环境 (作者)
有没有官方大佬来看看,来确认下bug
在这里回复下,如果有人急需解决这个问题,可以改用label的方式,但是label方式存在以下问题
1:需要设置偏移量
2:IOS与Android设置的偏移量不同
3:App与H5设置的偏移量也不同
4:用label的方式处理,如果内容是动态的,无法正确处理X轴偏移量,不像callout那个在点位上方居中