世界地图上显示动态的点

使用一个包含了 10 万个经纬度坐标的数据集，一个坐标是一个点，每次在地图上显示 80%的数据

示例:

• 全局
  

• 局部
  

做法:

• 1.在页面上放置 2 个 canvas，每次只显示一个
• 2.在不显示的那个 canvas 上渲染新数据
• 3.渲染数据时不要一次性都渲染完，将数据按照 2 个 canvas 切换的时间间隔/刷新率做渲染，这样可以在不渲染页面的时候绘制 canvas，否则会引起页面的严重卡顿
• 4.canvas 切换的时候，正在显示的 canvas 做淡出，即将显示的 canvas 做淡入，保持相同的 opacity 增长/减少速度
• 5.通过查看页面性能来做优化，保证至少 30fps 的刷新率，否则页面会有明显的卡顿