# 地图数据供应商
地图数据供应商用于获取地图瓦片数据（地图、卫星影像、路网、注记等），当前瓦片地图内置以下四种地图数据供应商DefaultImageryProvider、TencentImageryProvider、TxImageryProvider、DebugImageryProvider。如果以上几种地图数据供应商无法满足实际需要，可以通过继承ImageryProvider自定义数据供应商。
# DefaultImageryProvider
DefaultImageryProvider用于获取高度、天地图、Mapbox、ArcGIS的所有类型地图瓦片及腾讯的路网瓦片。
高德地图瓦片
import { DefaultImageryProvider } from '@tx3d/tilemap';
// 高德卫星影像瓦片供应商
const satellite = new DefaultImageryProvider( {
url: 'https://{subdomain}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', // 数据服务地址
subdomains: [ 'webst01', 'webst02', 'webst03', 'webst04' ], // 子域名数组
minZoom: 8, // 最小缩放等级
maxZoom: 18 // 最大缩放等级
} );
// 高德路网瓦片供应商
const vector = DefaultImageryProvider( {
url: 'https://{subdomain}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8<ype=11', // 数据服务地址
subdomains: [ 'wprd01', 'wprd02', 'wprd03', 'wprd04' ], // 子域名数组
minZoom: 8, // 最小缩放等级
maxZoom: 18
} );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Mapbox地图瓦片
import { DefaultImageryProvider } from '@tx3d/tilemap';
// Mapbox卫星影像瓦片供应商
const satellite = new DefaultImageryProvider( {
url: 'https://api.mapbox.com/v4/mapbox.satellite/{z}/{x}/{y}@2x.jpg90?access_token={token}', // 数据服务地址
token: 'pk.eyJ1IjoieWlza3kiLCJhIjoiY2pieGJhZTM3MnQ3MTMybWs1aHZsMzI1ZSJ9.KCdrF3b30ObjN57bGobyqQ', // 数据服务token
minZoom: 8, // 最小缩放等级
maxZoom: 17 // 最大缩放等级
} );
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
ArcGIS地图瓦片
import { DefaultImageryProvider } from '@tx3d/tilemap';
// ArcGIS卫星影像瓦片供应商
const satellite = new Tx3d.DefaultImageryProvider( {
url: 'https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', // 数据服务地址
minZoom: 8, // 最小缩放等级
maxZoom: 16 // 最大缩放等级
} );
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
腾讯路网瓦片
import { DefaultImageryProvider } from '@tx3d/tilemap';
// 腾讯路网数据“供应商”
const road = new DefaultImageryProvider( {
url: 'https://{subdomain}.map.gtimg.com/tile?z={z}&x={x}&y={y}&styleid=2&version=821', // 数据服务地址
subdomains: [ 'rt0', 'rt1', 'rt2', 'rt3' ], // 子域名数组
minZoom: 8, // 最小缩放等级
maxZoom: 18, // 最大缩放等级
flipY: true
} );
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
注意
由于腾讯地图瓦片的坐标原点在左下角，所以需要反转Y坐标。
提示
DefaultImageryProvider初始化参数，详见DebugImageryProviderParameters。
# TencentImageryProvider
TencentImageryProvider用于获取腾讯卫星影像地图瓦片。
import { TencentImageryProvider } from '@tx3d/tilemap';
// 腾讯卫星影像瓦片供应商
const satellite = new TencentImageryProvider( {
url: 'https://{subdomain}.map.gtimg.com/sateTiles/{z}/{floorX}/{floorY}/{x}_{y}.jpg?version=240', // 数据服务地址
subdomains: [ 'p0', 'p1', 'p2', 'p3' ], // 子域名数组
minZoom: 8, // 最小缩放等级
maxZoom: 18 // 最大缩放等级
} );
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
提示
TencentImageryProvider初始化参数，详见TencentImageryProviderParameters。
# TxImageryProvider
TxImageryProvider用户获取天信CAD瓦片地图瓦片。
import { TxImageryProvider } from '@tx3d/tilemap';
// 天信CAD瓦片供应商
const tx = new TxImageryProvider( {
url: 'http://1.119.168.67:40105/tile/TXMK/t00000/{z}/{y}/{x}?mt=2c477db9&theme=light', // 数据服务地址
minZoom: 0, // 最小缩放等级
maxZoom: 20, // 最大缩放等级
transparent: true
} );
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
提示
TxImageryProvider初始化参数，详见DefaultImageryProviderParameters。
# DebugImageryProvider
DebugImageryProvider用于展示瓦片的行、列、级信息，供调试使用。
import { DebugImageryProvider } from '@tx3d/tilemap';
// 地图调试瓦片数据供应商
const debug = new DebugImageryProvider();
1
2
3
4
2
3
4
提示
DebugImageryProvider初始化参数，详见DebugImageryProviderParameters。