Map layers - Map Tiles Not Displaying Correctly via TileURL

[zhang-zimin]

Package
"@itwin/map-layers": "6.0.1",
"@itwin/map-layers-formats": "5.0.3"

Describe the bug
When the tile is successfully requested through the tileURL, the ground in the design viewer appears black instead of correctly displaying the tile.

To Reproduce
Steps to reproduce the behavior:

1. Initiate a request for tileURL to obtain the tile with URL http://t0.tianditu.com/DataServer?T=ter_w&x={column}&y={row}&l={level}&tk={If needed, I can provide a test token}
2. Navigate to the design viewer where the tile should be displayed.

Expected behavior
The tile obtained from the tileURL should be correctly rendered in the design viewer, presenting the appropriate terrain or map details instead of a black screen.

Screenshots

Desktop (please complete the applicable information):

• OS: windows 11
• Browser: chrome
• Version: 138.0.7204.184 (Official Build) (64-bit)
• iTwin.js Version: 5.0.3