谭小谭
谭小谭
  • 发布:2021-05-24 16:03
  • 更新:2021-08-19 17:17
  • 阅读:395

【报Bug】app端ios下map marker中label的anchorY不生效,安卓中label会被marker覆盖

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

手机系统: 全部

页面类型: nvue

打包方式: 云端

项目创建方式: CLI

CLI版本号: 3.1.13.20210514

测试过的手机:

华为p30,苹果xs

示例代码:

this.covers.push({
id: index,
latitude: item.latitude,
longitude: item.longitude,
iconPath: '../../static/map/circle.png',
label: {
content: item.total.toString(),
color: '#3D73DD',
fontSize: '16px',
bgColor: '#ffffff',
borderRadius: 50,
anchorX: item.total.toString().length == 1 ? -5 : -8,
anchorY: -32
},
width: 34,
height: 40,
customObj: {
areaKey: 'province', // 请求的省份,下一步就该用身份查市
areaValue: item.province
}
});

操作步骤:

nvue页面动态添加marker和label,ios下map marker中label的anchorY不能正常移动label,安卓中label会被marker覆盖

预期结果:

ios下anchorY能正常移动label,安卓中label会被marker覆盖

实际结果:

ios下anchorY不能移动,anchorX斜着移动,安卓中label会被marker覆盖

bug描述:

1,ios下map marker中label的anchorY不生效
2,安卓中label会被marker覆盖
无法完成如图的点聚合效果

2021-05-24 16:03 负责人:无 分享
已邀请:
DCloud_iOS_XHY

DCloud_iOS_XHY

请上传一个完整的示例工程方便排查

  • 谭小谭 (作者)

    示例已上传,我更新了包,package-lock.json删除重新更新了node_modules,现在ios中anchorY不生效的问题解决了,但是安卓label被marker覆盖的问题没有解决,望处理一下

    2021-05-28 10:38

  • 谭小谭 (作者)

    测试手机是华为p30

    2021-05-28 10:39

囿于江湖

囿于江湖

你好麻烦请问一下 label会被marker覆盖这个问题怎么解决得

  • liuxl126

    覆盖问题解决了吗

    2021-08-24 13:55

  • 囿于江湖

    回复 l***@126.com: 你打完包看还覆盖没 label没覆盖 但是callout还是会

    2021-08-25 10:42

  • 谭小谭 (作者)

    官方的bug,他们都处理了啊,升级最近hb版本,如果cli创建的项目,把node_module更新一下

    2021-08-27 14:14

该问题目前已经被锁定, 无法添加新回复