uni-app 自定义的callout与marker标记的点位偏差很大

uni-app 自定义的callout与marker标记的点位偏差很大

操作步骤:

1

预期结果:

自定义的callout与marker标记的点位偏差不大就行

实际结果:

自定义的callout与marker标记的点位偏差不大就行

bug描述:

自定义callout之后 callout显示了 但是位置偏差很大

image

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Mac
PC版本号 14.3.1 (23D60)
HBuilderX类型 Alpha
HBuilderX版本 4.56
手机系统 iOS
手机版本号 iOS 14
手机厂商 模拟器
手机机型 iphone 14
页面类型 nvue
vue版本 vue2
打包方式 离线
项目创建方式 HBuilderX

更多关于uni-app 自定义的callout与marker标记的点位偏差很大的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 自定义的callout与marker标记的点位偏差很大的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题通常是由于callout的锚点(anchor)设置不当导致的。在uni-app的map组件中,callout位置需要通过anchor参数进行精确控制。

解决方案:

  1. 检查你的marker配置,确保callout的anchor设置正确:
markers: [{
  //...其他配置
  callout: {
    anchorX: 0.5,  // 水平居中
    anchorY: -0.5  // 垂直向上偏移
  }
}]
回到顶部