如何使用mapboxgl加载百度底图图块？

Question

我想用mapboxgl加载百度底图图块，但是由于坐标系统的问题，图块存在严重的偏移。我该怎么办？

let simple = {
      'version': 8,
      'sources': {
        'source': {
          'type': 'raster',
          'tiles': ['http://online0.map.bdimg.com/tile/?qt=tile&x={x}&y={y}&z={z}&styles=sl&v=017&udt=20130712'],
        }
      },
      'layers': [
        {
          'id': 'layer',
          'type': 'raster',
          'source': 'source',
          'minzoom': 0,
          'maxzoom': 18,
          'interactive': true
        }]
    }
mapboxgl.accessToken = 'pk.eyJ1IjoiY2h5eXpsMDgwOSIsImEiOiJjanAxemEyYnQwMWZvM3Fudzh5c3ZvbHJqIn0.j2i8D_Gcam955rcEt2k_mA';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v9', 
    center: [-74.50, 40],
    zoom: 9 
});