1. 描述
当使用scale缩放会导致cesium事件点击偏移,可以让地图使用反缩放回到以前的比例。
2. 解决(1080 * 1920)
- 将缩放比存储起来(这里存到store里)
useStore.$state.scale.width // 宽的缩放
useStore.$state.scale.height// 高的缩放
通过监听store的变化
watchEffect(()=>{
const div = document.querySelector('.map')
div.style.transform = `scale(${1 / useStore.$state.scale.width},${1 / useStore.$state.scale.height})`
div.style.transformOrigin = `top left`
div.style.width = useStore.$state.scale.width * 1920 + 'px'
div.style.height = useStore.$state.scale.height * 1080 + 'px'
})