HarmonyOS 根据坐标数据渲染的位置与实际情况不符

页面增加了根据坐标数据渲染圆圈的功能,但是渲染出来的样子与实际不符,不知道是布局的问题还是坐标数据本身不对。

HarmonyOS
2025-01-10 07:40:57
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

当前LocationKit提供的默认坐标系都是84坐标系,并通过mapkit提供WGS84坐标系转GCJ02坐标系接口,map.convertCoordinate,详情参考https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/map-map-V5#section12255142816237

可以参考以下demo:

// 后天解析出来的图片的长和宽
let imgHeight = 400;
let imgWidth = 400;
// 图片在屏幕上渲染出来的长和宽
let imgHeightPx = 356
let imgWidthPx = 356;

// "x": 277.0,
// "y": 194.0,
//   "x": 263.0,
// "y": 304.5,
// 计算图片原始大小和在屏幕上渲染出来的大小的比例
let ax1 = 277 / imgWidth * imgWidthPx;
let ay1 = 194 / imgHeight * imgHeightPx;
let ax2 = 263 / imgWidth * imgWidthPx;
let ay2 = 304.5 / imgHeight * imgHeightPx;
// 图片上边框在屏幕上的坐标是86
this.context.translate(0, 86)

this.context.fillRect(ax1, ay1, 12, 12)
this.context.fillRect(ax2, ay2, 12, 12)
分享
微博
QQ
微信
回复
2025-01-10 10:57:00
相关问题
HarmonyOS Tabsshadow实际渲染效果不对
647浏览 • 1回复 待解决
HarmonyOS ArkUI获取元素坐标位置
350浏览 • 1回复 待解决
HarmonyOS 如何根据圆心坐标连接曲线
187浏览 • 1回复 待解决
HarmonyOS 根据圆心坐标绘制圆问题
251浏览 • 1回复 待解决
HarmonyOS 如何根据圆心坐标画实心圆
213浏览 • 1回复 待解决