this.markers = data.map((item, i) => {
return {
id: i,
latitude: item.lat,
longitude: item.lng,
iconPath: /static/images/map/${this.getStechType(item)}1.png,
label: {
//为标记点旁边增加标签
content: 48, //标记点旁边的文字
color: '#000', //文本颜色
fontSize: 18, //文字大小
anchorX: 0,
anchorY: -27,
// x: 0,
// y: -27,
borderWidth: 0, //边框宽度
textAlign: 'center', //文本对齐方式。有效值: left, right, center
},
}
})
Alysaa
- 发布：2022-03-28 22:12
- 更新：2023-03-04 16:57
- 阅读：605
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.3.13
手机系统： Android
手机系统版本号： Android 11
手机厂商： OPPO
手机机型： Reno3
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
添加marker的时候同时创建lable，lable被遮挡
添加marker的时候同时创建lable，lable被遮挡
预期结果：
lable显示在marker居中位置
lable显示在marker居中位置
实际结果：
marker遮挡住了lable
marker遮挡住了lable
bug描述：
地图上添加lable都会被marker遮挡。H5和安卓都有这个问题，anchorY在OPPO安卓机未生效
Alysaa (作者)
设置了偏移量的，现在截图的效果是就是已经设置了，实现效果是应该浮在marker上面，设置x,y后就完全被marker挡在下面了
2022-03-30 09:55