Cesium 加載天地圖


 

網上有很多 就是沒說 加載天地圖需要開發者秘鑰,這個需要去天地圖官網申請一個就可以了,下面貼上源碼

還有就是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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM