[Bug] macOS (仅 arm 架构芯片存在?) +Chrome浏览器特定版本 map3D 地图不停闪烁 ——macOS v14.3.1\Chrome 版本 131.0.6778.86(正式版本) (arm64)
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### Version
5.5.1
### Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/index.html#chart-type-map3D
### Steps to Reproduce
1,
```vue
```
2,
```js
import echarts from '@/libs/echarts-pack';
import cityExport from '@/assets/mapJson/cityExport.js';
import { getDefaultView } from '@/pages/big-screen-part/screen-map/datasource/map';
echarts.registerMap('china', cityExport.china);
const getGeo3D = () => {
return {
map: 'china',
roam: true,
itemStyle: {
color: ' #022796', // 地图配色
opacity: 1, // 图形的不透明度
borderWidth: 0.8,
borderColor: 'rgb(62,215,213)'
},
viewControl: getDefaultView(),
emphasis: {
label: {
show: true, // 是否显示标签
color: '#fff', // 标签文字颜色
fontSize: 20, // 标签文字大小
distance: 0
},
itemStyle: {
color: 'rgba(2, 39, 150, 0.3)' // 聚焦时的颜色
}
},
light: {
//光照阴影
main: {
color: ' #fff', //光照颜色
intensity: 1.2, //光照强度
shadowQuality: 'high', //阴影亮度
shadow: true, //是否显示阴影
alpha: 55, //光照角度
beta: 10 //光源方向
},
ambient: {
intensity: 0.5 //环境光的强度
} //全局的环境光设置
}
};
};
export const option = {
tooltip: {
show: true
},
renderer: 'webgl',
webGLMaxMergingVertices: 8000, // 增加 WebGL 缓冲区大小的示例值, 优化性能问题
geo3D: getGeo3D(),
series: []
};
```
3,
拖拽 或者 hover 时,会发现地图在不停的闪烁,重新渲染
### Current Behavior
macOS v14.3.1 + Chrome 版本 131.0.6778.86(正式版本) (arm64)Echarts map 3D 地图不停地闪烁
### Expected Behavior
Echarts map 3d 地图可正常工作,不闪烁
### Environment
```markdown
- OS: macOS v14.3.1
- Browser: Chrome 版本 131.0.6778.86(正式版本) (arm64)
- Framework: "vue": "3.3.4"
```
### Any additional comments?
现象如附件macOS v14.3.1 + Chrome 版本 131.0.6778.86(正式版本)(arm64).mp4所示:
https://github.com/user-attachments/assets/3ace448d-f992-4c83-af89-87b6bfc911bd
操作系统版本如下:

浏览器版本如下:

Safari 浏览器没有此问题
如附件 macOS v14.3.1 + Safari 版本 17.3.1(19617.2.4.11.12).mp4 所示
https://github.com/user-attachments/assets/86a2eb1d-d01d-442b-a3e9-3471a356cf94
其他macOS低于 v14.3.1 版本,且Chrome 为 最新版本131.0.6778.86(正式版本)x86 架构的 均没有此问题
如 附件macOS v13.5.2 + Chrome 版本 131.0.6778.86(正式版本)(x86_64).mp4所示
没有闪烁的问题
https://github.com/user-attachments/assets/265cbfc0-cb9e-4493-8e42-8605a5e5420b
操作系统版本如下:

浏览器版本如下:

macOS v12.7.6 + Chrome 版本 131.0.6778.86(正式版本)(x86_64)也没有闪烁的问题
操作系统版本如下:

浏览器版本如下:
Chrome 已是最新版本
版本 131.0.6778.86(正式版本) (x86_64)
Contributor guide
Assessment
This issue has not been assessed yet.