position [lng, lat]
    zoom: 9, // starting zoom
    antialias: true,
  });

  map.on('load', async function () {
    const source = new mapboxWind.TileSource('temp', {
      tileSize: 256,
      url: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png',
      minZoom: 0,
      maxZoom: 18,
      roundZoom: true,
      subdomains: ['a', 'b', 'c', 'd'],
      wrapX: true,
      // tileBounds: [-90, -45, 90, 45],
    });

    let flag = 0;
    map.on('click', () => {
      if (flag === 0) {
        