解決 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;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM