【转】cesium之添加天地图

转自 https://www.cnblogs.com/s313139232/p/16351468.html

公共参数:

        var token = '7b56038c276128a86a5b946404bf4df4';
        // 服务域名
        var tdtUrl = 'https://t{s}.tianditu.gov.cn/';
        // 服务负载子域
        var subdomains=['0','1','2','3','4','5','6','7'];

添加矢量底图:

复制代码
复制代码
let layer1 = new Cesium.WebMapTileServiceImageryProvider({               //全球矢量底图服务
        url: "http://t0.tianditu.gov.cn/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk="+token,
        subdomains: subdomains,
            layer: "tdtImgLayer",
            style: "default",
            format: "image/jpeg",
            tileMatrixSetID: "GoogleMapsCompatible",//使用谷歌的瓦片切片方式
            show: true
    })
复制代码
复制代码

添加矢量底图注记:

复制代码
复制代码
letlayer2 =  new Cesium.WebMapTileServiceImageryProvider({
url:"http://t0.tianditu.gov.cn/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk="+token,
layer: "tdtCvaLayer",
style: "default", format: "image/jpeg", tileMatrixSetID: "GoogleMapsCompatible", }),
复制代码
复制代码

添加影像底图:

复制代码
复制代码
let layer3 = new Cesium.WebMapTileServiceImageryProvider({
url:"http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk="+token,
 layer: "tdtImgLayer", style: "default", format: "image/jpeg", tileMatrixSetID: "GoogleMapsCompatible", })
复制代码
复制代码

添加影像底图注记:

复制代码
复制代码
let layer4 = new Cesium.WebMapTileServiceImageryProvider({
url:"http://t0.tianditu.gov.cn/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="+token,
 layer: "tdtCiaLayer", style: "default", format: "image/jpeg", tileMatrixSetID: "GoogleMapsCompatible", })
复制代码
复制代码

将底图添加到球上:

viewer.imageryLayers.addImageryProvider(wmsImageryProvider)

 

 

 

钻研不易,转载请注明出处。。。。。。

posted @   疯子110  阅读(250)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
历史上的今天:
2022-11-25 将crt证书转换成cer
2022-11-25 OpenSSL 把cer证书链以及key文件生成keystore,tomcat https配置
点击右上角即可分享
微信分享提示