代码拉取完成,页面将自动刷新
大屏分辨率: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%)`
下边上图说明:
屏蔽屏幕自适应缩放代码之前:
屏蔽屏幕自适应缩放代码之后:
两张图都是截取的全屏展示的内容
请问高人有没有遇到过这种问题。