[Bug] Maps using echarts5.6 in vue3 do not drag and zoom properly

[dexiaoly]

Version

5.6

Link to Minimal Reproduction

https://github.com/dexiaoly/vue3_echarts5.6

Steps to Reproduce

Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Compile and Minify for Production
npm run build

Current Behavior

I use vue3 and echarts5.6, but my zooming or dragging on top of the map tile doesn't work, I have to move the mouse over an empty space to zoom and drag to work
This code is normal if it is on HTML.

bandicam.2025-02-22.05-06-07-189.mp4

Expected Behavior

Zoom and drag the map normally

Environment

Any additional comments?

No response