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
- 阅读:1143
产品分类: 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那个在点位上方居中
 
             
             
             
			 
                                                                     
                                                                     
                                                                    