Cesium——天地图服务调用流程&文档&申请Key、token&代码

RosyScript

已于 2024-01-05 14:14:31 修改

阅读量6.6k

点赞数 22

文章标签：前端

于 2024-01-05 13:42:31 首次发布

本文链接：https://blog.csdn.net/weixin_46127993/article/details/135407127

版权

本文详细介绍了如何在中国国家基础地理信息系统天地图上进行服务调用，包括登录、地图API的使用、申请Key、叠加影像、国界和地形服务，以及三维地名服务的集成。同时提到了服务调用的配额管理和注意事项。

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

天地图服务调用

一、基础介绍

天地图是中国国家基础地理信息系统，由中国测绘地理信息局和国家地理信息公共服务平台共同开发和运营。它提供了包括地图数据、地理编码、路径规划、地理搜索等多项地理信息服务。天地图的目标是为各行业提供高质量、全面的地理信息数据和解决方案。

二、地址

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

三、调用服务方法

1、先登录自己已有的账号，没有的可以先注册一个

2、地图API

进入天地图首页，往下滑，点击开发资源中的“地图API”。
在这里插入图片描述
天地图地图API，在地图API页面可以看到天地图所提供的地图服务列表（缩略图，图层名称，服务地址，投影类型）

地图服务简介：
天地图地图服务支持HTTP和HTTPS协议。天地图地图服务采用OGC WMTS标准，具体使用方法请参考OGC WMTS标准中GetCapabilities 和GetTile。天地图地图服务对所有用户开放。使用本组服务之前，需要申请Key。

附申请key地址：申请key

3、申请Key流程

点击创建新应用
在这里插入图片描述
填写应用具体信息

申请完毕，可以查看新应用的key

4、服务调用

进入天地图帮助文档，可以查看如何添加天地图的影像服务，国界服务，地形服务以及三维地名服务。
需要用刚刚申请到的Key作为token。

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <title>天地图三维服务接入</title>
    <script type="text/javascript" cesium="true" src="https://api.tianditu.gov.cn/cdn/demo/sanwei/static/cesium/Cesium.js"></script>
    <script type="text/javascript" cesium="true" src="https://api.tianditu.gov.cn/cdn/plugins/cesium/Cesium_ext_min.js"></script>
    <script type="text/javascript" cesium="true" src="https://api.tianditu.gov.cn/cdn/plugins/cesium/long.min.js"></script>
    <script type="text/javascript" cesium="true" src="https://api.tianditu.gov.cn/cdn/plugins/cesium/bytebuffer.min.js"></script>
    <script type="text/javascript" cesium="true" src="https://api.tianditu.gov.cn/cdn/plugins/cesium/protobuf.min.js"></script>
    <link rel="stylesheet" cesium="true" href="https://api.tianditu.gov.cn/cdn/demo/sanwei/static/cesium/Widgets/widgets.css">
    <style>
        html, body{
     
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        #cesiumContainer {
     
            width: 100%;
            height: 100%;
        }

        #cesiumContainer .cesium-viewer-bottom{
     
            display: none;
        }
    </style>
</head>
<body>
    <div id="cesiumContainer"></div>
</body>
</html>

Javscript

<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: false,
        fullscreenButton: false