【Cesium】加载互联网地图服务——天地图

最新推荐文章于 2025-06-17 11:54:52 发布

原创最新推荐文章于 2025-06-17 11:54:52 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Cesium #天地图

supermap webgl 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何从天地图获取瓦片并使用Cesium库加载影像注记，包括参数详解、示例代码和关键技术标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，地图瓦片获取地址

http://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={x}&TILECOL={y}&tk=您的密钥

参数	类型及范围	说明
baseURL	例：http://t0.tianditu.com/服务类型/wmts 服务类型： vec_w、cva_w、eva_w、img_w、cia_w、ter_w、cta_w、 vec_c、cva_c、eva_c、img_c、cia_c、ter_c、cta_c 解释： vec 为矢量、cva 矢量注记、img为影像、ter为地形、 cia 影像注记、cta 地形注记 c为经纬度直投、w为web墨卡托投影	服务器地址
service	例：wmts	服务类型
request	GetTile、GetCapabilities	请求类型
version	默认为1.0.0	WMTS服务的版本
layer	w：Mercator c：cgcs2000	图层名称
style		图层的风格
tileMatrixSet		矩阵集标识
TileMatrix	int	瓦片层号
TileRow	int	瓦片行号
TileCol	int	瓦片列号
format	jpg、png、titles	请求瓦片的格式

2，加载影像注记示例

        viewer = new Cesium.Viewer('cesiumContainer');
        var urla = "http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0" +
            "&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles" +
            "&tk=你的key";
        viewer.imageryLayers.addImageryProvider(
            new Cesium.WebMapTileServiceImageryProvider({
                url: urla,
                layer: "tdtVecBasicLayer（随便写）",
                style: "default(随便写)",
                format: "image/jpeg(随便写)",
                tileMatrixSetID: "GoogleMapsCompatible(随便写)",
                show: false})
        );
        // 将三维球定位到中国
        viewer.camera.flyTo({
            destination: Cesium.Cartesian3.fromDegrees(103.84, 31.15, 17850000),
            orientation: {
                heading :  Cesium.Math.toRadians(348.4202942851978),
                pitch : Cesium.Math.toRadians(-89.74026687972041),
                roll : Cesium.Math.toRadians(0)
            },
            complete:function callback() {
                // 定位完成之后的回调函数
            }
        });