- 发布：2021-05-24 16:03
- 更新：2021-08-19 17:17
- 阅读：499
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
手机系统： 全部
页面类型： nvue
打包方式： 云端
项目创建方式： CLI
CLI版本号： 3.1.13.20210514
测试过的手机：
示例代码：
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
}
});
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覆盖
nvue页面动态添加marker和label，ios下map marker中label的anchorY不能正常移动label,安卓中label会被marker覆盖
预期结果：
ios下anchorY能正常移动label，安卓中label会被marker覆盖
ios下anchorY能正常移动label，安卓中label会被marker覆盖
实际结果：
ios下anchorY不能移动，anchorX斜着移动，安卓中label会被marker覆盖
ios下anchorY不能移动，anchorX斜着移动，安卓中label会被marker覆盖
谭小谭 (作者)
示例已上传，我更新了包，package-lock.json删除重新更新了node_modules，现在ios中anchorY不生效的问题解决了，但是安卓label被marker覆盖的问题没有解决，望处理一下
2021-05-28 10:38
谭小谭 (作者)
测试手机是华为p30
2021-05-28 10:39