地图初始化加载天地图请求,因浏览器对相同地址发起请求数量有限制导致加载地图瓦片阻塞
一下是解决方案
直接上代码
首先引入地图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/wmt