如何使用OpenLayers沿x轴倾斜平铺？(JavaScript)

<script src="https://openlayers.org/en/latest/build/ol.js"></script>

<div id="map" style="width: 100%; height: 400px;"></div>

var map = new ol.Map({
  target: 'map',
  view: new ol.View({
    center: [0, 0],
    zoom: 2
  })
});

var tileLayer = new ol.layer.Tile({
  source: new ol.source.XYZ({
    url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png',
    maxZoom: 19
  }),
  extent: [-20037508.34, -20037508.34, 20037508.34, 20037508.34],
  tileGrid: new ol.tilegrid.TileGrid({
    tileSize: 256,
    resolutions: [
      156543.03392804097,
      78271.51696402048,
      39135.75848201024,
      19567.87924100512,
      9783.93962050256,
      4891.96981025128,
      2445.98490512564,
      1222.99245256282,
      611.49622628141,
      305.748113140705,
      152.8740565703525,
      76.43702828517625,
      38.21851414258813,
      19.109257071294063,
      9.554628535647032,
      4.777314267823516,
      2.388657133911758,
      1.194328566955879,
      0.5971642834779395,
      0.29858214173896974,
      0.14929107086948487,
      0.07464553543474244
    ],
    origin: [-20037508.34, 20037508.34]
  }),
  tileUrlFunction: function(tileCoord) {
    var z = tileCoord[0];
    var x = tileCoord[1];
    var y = -tileCoord[2] - 1;
    var n = Math.pow(2, z + 1);
    x = ((x % n) + n) % n;
    return 'https://your-tile-server.com/' + z + '/' + x + '/' + y + '.png';
  },
  tileLoadFunction: function(imageTile, src) {
    imageTile.getImage().src = src;
  },
  render: ol.render.canvas
});
map.addLayer(tileLayer);