784 Star 8.7K Fork 2.8K

奔跑的面条 / vue-big-screen

 / 详情

使用高德地图,scale缩放会导致地图文字模糊,鼠标拾取地图坐标点位置偏移

待办的
创建于  
2023-11-07 15:01

大屏分辨率:2880 * 1080
使用vue2版本包二次开发,版本号1.0.0,前期接入图表,监控视频等都正常,高德地图组件呈现也没问题,就是地图文字比较模糊。
后来高德地图有大几千个可操作的坐标点需要接入,地图性能就有问题。然后我改用“高德LOCA数据可视化Api2.0”解决性能问题,但是遇到问题如下:
鼠标指向地图,坐标点偏移,选中的坐标点和实际指向的位置不一致。而且地图文字还是模糊

经过排查,屏蔽掉utils/drawMixin.js里的缩放代码,地图功能恢复正常,这也导致屏幕自适应失效。屏蔽代码如下:

// 第41行
appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
// 第46行
appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`

下边上图说明:
屏蔽屏幕自适应缩放代码之前:
输入图片说明
屏蔽屏幕自适应缩放代码之后:
输入图片说明
两张图都是截取的全屏展示的内容

请问高人有没有遇到过这种问题。

评论 (0)

dmdoit 创建了任务

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(1)
1811684 dmdoit 1578960312
JavaScript
1
https://gitee.com/MTrun/big-screen-vue-datav.git
git@gitee.com:MTrun/big-screen-vue-datav.git
MTrun
big-screen-vue-datav
vue-big-screen

搜索帮助