2***@qq.com
2***@qq.com
  • 发布:2019-08-30 16:32
  • 更新:2019-12-04 10:14
  • 阅读:4277

【报Bug】uniapp 地图组件 h5中设置marker的label属性x,y无效

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]
label = {
content:'15人',
color: '#EA1400',
bgColor: '#FACA0C',
fontSize: 14,
x: 80,
y: 80,
}

重现步骤

[步骤]
设置label的属性如上所示
[结果]
设置label的属性,在H5中,x,y的值没有用
[期望]
怎么能够使label在h5中位置属性生效
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-08-30 16:32 负责人:无 分享
已邀请:
z***@wazert.com

z***@wazert.com - zz

我今天也 遇到这个问题,```javascript
myMarkers.push({
id:cars[i].busid,
busid:cars[i].busid,
title:cars[i].busownercode,
latitude: cars[i].dimy,
longitude: cars[i].dimx,
anchor: {
x: .5,
y: .5
},
rotate: cars[i].angle,
label: {
content: cars[i].busownercode,
borderWidth: 1,
borderColor: '#777777',
x:30,
y:30
},
iconPath: '/static/mark_car_runing2.png',
callout: {
content: '车牌号:' + cars[i].buslicplate + '\n自编号:' + cars[i].busownercode + '\nGPS时间:' + cars[i].time,
borderRadius: 5,
padding: 10
}
});

陶佳

陶佳

微信marker 上的气泡 label位置调整,uni-app的组件是想x,y,但是微信在1.2.0以后就废弃了x,y改用anchorX和anchorY,如果使用x,y,微信开发小程序的模拟器是看不到效果的,真机调试有效果,但是我使用anchorX和anchorY,微信小程序是可以显示出来了位置的不同。

  • 谭小谭

    anchorY不起作用啊

    2021-04-19 13:17

  • 五毛记忆

    回复 谭小谭: 这两个是偏移量 文档写的经纬度 , 正负 100 能看出来效果 ,x y anchorX anchorY 都写上就是

    2021-09-24 21:06

  • 谭小谭

    回复 五毛记忆: 好的,谢谢

    2021-09-29 09:39

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