注册天地图Token教程

骑猪看日落 2022-09-04 05:39 1568阅读 0赞

# 1 获取天地图Token #

进入天地图官网，打开“[天地图应用开发许可升级说明][Link 1]”，使用天地图服务，也是要申请 Token 的，接下来注册天地图账号，打开[注册页面][Link 2]，根据提示注册即可，注册完成后点击右上角的“控制台”：  
![应用管理.png][.png]  
点击右上角的“创建新应用”，由于天地图系统对 Token 严格区分，所以我们就在“应用类型”里选择“浏览器端”。  
![创建应用.png][.png 1]

# 2 使用天地图Token #

创建成功后，复制 Token，接下来在 Cesium 中加载天地图服务，在第10行的 `url` 中，将末尾的“你的Token”更换为你自己刚刚创建的 Token。

var viewer = new Cesium.Viewer("cesiumContainer", { 
      animation: false,  //是否显示动画控件
      baseLayerPicker: false, //是否显示图层选择控件
      geocoder: true, //是否显示地名查找控件
      timeline: false, //是否显示时间线控件
      sceneModePicker: true, //是否显示投影方式控件
      navigationHelpButton: false, //是否显示帮助信息控件
      infoBox: true,  //是否显示点击要素之后显示的信息
      imageryProvider: 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: "tdtBasicLayer",
        style: "default",
        format: "image/jpeg",
        tileMatrixSetID: "GoogleMapsCompatible",
        show: false
      })
    });

刷新页面，天地图就加载出来了：  
![天地图.png][.png 2]  
一般地图上需要有地点标注，接下来为天地图加一层矢量注记，在上面代码后面添加（同样修改 `url` 中的 Token）：

viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({ 
      url: "http://t0.tianditu.com/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: "tdtAnnoLayer",
      style: "default",
      format: "image/jpeg",
      tileMatrixSetID: "GoogleMapsCompatible",
      show: false
    }));

刷新页面后：  
![注记.png][.png 3]  
关于上述这部分，可以查阅天地图的 [API][]。

[Link 1]: http://lbs.tianditu.gov.cn/authorization/authorization.html
[Link 2]: https://uums.tianditu.gov.cn/register
[.png]: /images/20220829/9c6ea390995b4d9bbf631fac0eca4ee7.png
[.png 1]: /images/20220829/aa18888385de430eb91cb27b7c4352e6.png
[.png 2]: /images/20220829/6da0a8dee3ae4afd8a0aa6c8f1f6f4ac.png
[.png 3]: /images/20220829/8c4e2c29d9374487b09f00456cabe2c4.png
[API]: http://lbs.tianditu.gov.cn/server/MapService.html