sakitam-fdd / wind-layer

:flags: :rocket: wind-layer | a openlayers && maptalks && amap && bmap && leaflet && mapbox-gl && maplibre-gl extension like windy.com for weather visualization

Home Page:https://sakitam-fdd.github.io/wind-layer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

高德地图:3D模式下,渲染很卡顿

justwiner opened this issue · comments

高德地图版本: 1.4.15
amap-wind版本: 1.0.0-alpha.6
wind-core版本:1.0.0-alpha.6

数据是使用的demo中的数据:https://sakitam-fdd.github.io/wind-layer/data/wind.json

地图在2D模式下,渲染位置正常,且不卡顿,但是在3D模式下,渲染就很卡,地图的相关操作也卡,例如放大缩小、拖动等。

这个在DEMO中好像也有问题: https://github.com/sakitam-fdd/wind-layer/blob/master/examples/amap.html

这个是什么原因导致的呢?

@justwiner 卡顿的原因可能有两个:

  1. wind-core 目前默认使用实时坐标转换来绘制粒子路径,每一帧可能绘制几千个坐标,这个在高德和百度地图上转换效率特别慢。
  2. 有可能和高德地图的CanvasLayer绘制性能有关

@justwiner 卡顿的原因可能有两个:

  1. wind-core 目前默认使用实时坐标转换来绘制粒子路径,每一帧可能绘制几千个坐标,这个在高德和百度地图上转换效率特别慢。
  2. 有可能和高德地图的CanvasLayer绘制性能有关

2D和3D的绘制性能差距这么大吗, 都是用的canvasLayer,2D其实挺流畅的, 2333,如果能在3D下流畅渲染,地图可视化就舒服了。

感谢解答

@justwiner 高德地图优化了一版 amap-wind@1.0.0-alpha.9,这个不使用它内置canvasLayer,但是感觉性能提升不是太大,主要瓶颈还是在坐标转换这了,后面会尝试一下webgl 方式看看效果