mapboxgl 加载底图天地图阻塞问题解决方法

地图初始化加载天地图请求，因浏览器对相同地址发起请求数量有限制导致加载地图瓦片阻塞

一下是解决方案

直接上代码

首先引入地图js

import mapboxgl from 'mapbox-gl';

初始化地图

let style = {
			    //设置版本号，一定要设置
			"version": 8,
			//添加来源
			"sources": {
				"tdtVec": {
			        //类型为栅格瓦片
			        "type": "raster",
			        'tiles': ['https://t{tdt}.tianditu.gov.cn/vec_w/wmts?tk=自己的key'],
			        'tileSize': 256
		        },
				"tdtWx": {
			        //类型为栅格瓦片
			        "type": "raster",
			        'tiles': ['https://t{tdt}.tianditu.gov.cn/img_w/wmts?tk=自己的key'],
			        'tileSize': 256
		        },
				"tdtCva": {
			        //类型为栅格瓦片
			        "type": "raster",
			        'tiles': ['https://t{tdt}.tianditu.gov.cn/cva_w/wmts?tk=自己的key'],
			        'tileSize': 256
		        },
			},
			"layers": [{
					// 图层id，要保证唯一性
					'id': 'tdtWx',
					// 图层类型
					'type': 'raster',
					// 数据源
					'source': 't