久智环境
久智环境
  • 发布:2023-01-10 15:52
  • 更新:2023-02-11 13:25
  • 阅读:837

【报Bug】Android下nvue地图marker在设置anchor后callout显示位置异常

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.15

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 小米10

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
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'  
                        }  
                    }  

操作步骤:

1:Android App
2:打开nvue页面,添加map
3:在map中添加marker

预期结果:

预期结果是IOS和Android中气泡都显示在图片正上方

实际结果:

IOS:显示正常
Android:气泡显示偏上

bug描述:

安卓App中,在nvue下使用map,在添加marker时,如果marker设置了anchor偏移,则callout气泡显示会出现异常,callout会往上偏移一部分

附件中附带ios和Android的效果图

2023-01-10 15:52 负责人:DCloud_Android_THB 分享
已邀请:

最佳回复

DCloud

DCloud

HBuilderX 3.7.1.20230210-alpha 已修复。

FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

帮助官方排查,已验证,andorid版本确实存在这个问题

  • 久智环境 (作者)

    好的感谢,不知道官方啥时候修复下这个问题

    2023-01-11 17:27

久智环境

久智环境 (作者)

有没有官方大佬来看看,来确认下bug

在这里回复下,如果有人急需解决这个问题,可以改用label的方式,但是label方式存在以下问题

1:需要设置偏移量

2:IOS与Android设置的偏移量不同

3:App与H5设置的偏移量也不同

4:用label的方式处理,如果内容是动态的,无法正确处理X轴偏移量,不像callout那个在点位上方居中

久智环境

久智环境 (作者)

自己顶一下

久智环境

久智环境 (作者)

有人看下这个问题吗

久智环境

久智环境 (作者)

大佬来看看呢,这个比较影响使用,用label方式还是不太好处理

久智环境

久智环境 (作者)

多年nvue使用经验,里面问题太多了,用nvue主要还是要用地图,可以考虑使用h5的高德地图配合5+api,nvue可以弃坑了

DCloud_Android_THB

DCloud_Android_THB

下个版本修复,近期请关注版本更新。

5***@qq.com

5***@qq.com

我真机运行测试,nvue的这个气泡直接没用,不知道什么情况,运行起来跟我在vue是一个效果,nvue只要是文件名是这个结尾就可以了吧,需要做什么额外配置吗

要回复问题请先登录注册