关于百度地图GL交通流量图层setTrafficOn初始化后与实际道路有偏差的一次问题记录

问题描述：按照百度地图 JavaScript API GL 官网中的交通图层的 示例代码 运行后，发现交通流量图层与实际的道路有偏差，如下图：

问题原因：造成该问题的原因是因为 map.setTrafficOn() 方法在调用的时候，地图还未完全渲染完成。

解决办法：延后 map.setTrafficOn() 的调用时机，可以放在按钮中手动触发， 或者放在 centerAndZoom 的 callback 回调函数中跟随地图初始化执行，代码如下：

map.centerAndZoom(...defaultCenter, {
  callback: () => {
    map.setTrafficOn();
  },
});