解决 cesium 地图因为transfrom 导致 地图偏移,点击不准的问题

在我们做可视化大屏的时候 我们经常要适应不同的屏幕, 如果拿rem 来做的话也是没问题的,但是很多组件就要自己改才行,
地图也是百分比也是大家的方案。
但是仔细观察阿里云的datav 大屏方案,它是由body transfrom scale来解决这个问题,所有dom 元素进行缩放,px一样可以
但是对于很多地图引擎来说就会有很大的问题, 地图因此会导致放大缩小偏移, 点击要素不准,拖动地图漂移等等一系列问题

这个时候我们就要看cesium 源码来解决这个问题

我们下载cesium 源码
找到ScreenSpaceEventHandler 类
我们把getPosition 方法重写 通过重新定义缩放比解决这个问题
```javascript
function getPosition(screenSpaceEventHandler, event, result) {
var element = screenSpaceEventHandler._element;
var fa = element.offsetWidth/element.getBoundingClientRect().width;

posted @ 2022-01-20 17:30  haibalai  阅读(929)  评论(0编辑  收藏  举报