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