Cesium--加载天地图

原创

已于 2024-05-09 15:24:41 修改 · 1.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言 #web

于 2024-05-09 15:20:44 首次发布

背景：vue-admin-temlate + cesium +天地图

天地图地址：国家地理信息公共服务平台天地图

步骤一：申请成为天地图开发者，创建应用

1,天地图使用方法（点击开发资源即可看到此页面）

2,点击控制台-登录账号

最要为了获取key （后面使用是token）

步骤二：cesium加载天地图

#template
    <div id="cesiumContainer"></div>

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

    // cesium 初始化
    var viewer = new Cesium.Map('cesiumContainer', {
        shouldAnimate: true, //是否允许动画
        selectionIndicator: false,
        baseLayerPicker: