Cesium 加载天地图

摘要:
互联网上有很多东西并没有说加载Tiamap.com需要开发者的密钥。您需要在Tiamap.com的官方网站上申请一个。源代码如下所示。铯也需要令牌!

网上有很多 就是没说 加载天地图需要开发者秘钥,这个需要去天地图官网申请一个就可以了,下面贴上源码

还有就是Cesium也是需要token的哈

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />    
</head>
<body>


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

    <link href="Cesium-1.55/Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
    <script src="Cesium-1.55/Build/Cesium/Cesium.js"></script>
    <script type="text/javascript">

        //token
        Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI4ZmJiMTQzMC0xYjFlLTRlZDktYjI5ZS1mOGIxMzY2ZDQ1NTciLCJpZCI6ODYwOCwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU1MjM3OTcyN30.MSLoEjzlm83XTm1qRlt521SlgoU2jsthi566S6-9m_w';


        //加载天地图
        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=ebf64362215c081f8317203220f133eb",
                layer: "tdtBasicLayer",
                style: "default",
                format: "image/jpeg",
                tileMatrixSetID: "GoogleMapsCompatible",
                show: false
            })
        });

    </script>

</body>
</html>

免责声明:文章转载自《Cesium 加载天地图》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java常考面试题张艾迪(创始人):第一个实习生精英团队下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

# vue 使用 cesium 接入 gltf 模型

vue 使用 cesium 接入 gltf 模型 这个其实说简单也简单,但是说复杂也不容易搞。尤其是转化成vue语法或者是在vue项目接入的时候会有些许的坑,我在接入的时候也是有很多问题,好在最后把模型加进去了,在这里稍微整理一下,然后这篇博文的代码都是我自己实现成功的,如果需要的话可以相互学习一下。第一次整,也许不是最优编程,交流嘛。 cesium中文文...

对互联网中常见地图的坐标系探讨

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/。 1.背景 目前项目中使用百度地图、高德地图、谷歌中国地图、天地图的需求越来越多,这里我跟大家一起对各地图使用的坐标系做一个简单的探讨。 2.百度地图——BD-09 百度地图是在GCJ-02坐标系上,又自己对坐标加密了一次,它官方...

Cesium笔记(3):基本控件简介—ImageryProvider地图瓦片地图配

cesiumjs中可定制多种图层,可以使用互联网上很多地图提供商的图层数据,也可以使用自己的地图数据。Cesium支持多种标准化格式的GIS瓦片服务,可以把栅格图层绘制到地球的表面——cesiumjs的地图图层本质上是一些瓦片数据,这些图层的亮度、对比度、色相均可以动态调整。 对于地图瓦片数据,OGC(Open Geospatial Consortium开...

arcgis对谷歌遥感影像拼接

对于遥感影像的研究多种多样,有小尺度的也有大尺度的还有多尺度的。可以研究一个城市里的一个区,也可以研究一个省甚至全国范围。当研究的区域比较大的时候,在一幅影像上无法包括研究区的所有范围,那么就需要下载多幅遥感影像,多幅遥感影像下载完成之后就需要对着几幅影像进行拼接处理,拼接成一幅影像,这样研究才有意义。 本文的目的在于介绍arcgis的影像拼接(在arcg...

Vue+Openlayers实现加载天地图WMTS服务显示

场景 Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/115826845 上面在Vue中使用Openlayers加载OSM地图显示。 如果要加载天地图显示流程类似。 天地图 国家地理信息公共服务平台...