瓦片的离线数据找了好久，才找到这个宝藏下载器。
地形数据参考文章，地形数据地理，下载完成需要用cisuimlab进行切片转换。
/zhh763984017/article/details/114776917
瓦片数据/CrimsonHu/java_map_download
/s/2hd8Vv-MZ0GA提取码:KjGZ 瓦片图下载 600多兆
<template><div id="container" class="container"></div></template><script>// 我们主要关注的就是这个import的部分，只要引入了Cesium，其他都好说//import { Viewer, UrlTemplateImageryProvider, Cartesian3 } from '@/../node_modules/cesium/Source/Cesium.js';import * as Cesium from 'cesium'import {Viewer, UrlTemplateImageryProvider, Cartesian3 } from 'cesium'import 'cesium/Source/Widgets/widgets.css'export default {name: "earth",mounted() {///cesium-docs/example/vue-integration.html#vue2-cesium 资料//加载瓦片图const viewer = new Viewer("container", {imageryProvider: new Cesium.UrlTemplateImageryProvider({// 下面是我的瓦片地址部署在本地，可以根据自己实际修改url: 'api' + '/{z}/{x}/{y}.png',fileExtension: "png"}),geocoder: false,//隐藏查找位置homeButton:true,//是否显示回到初始位置baseLayerPicker: false,//图层选择navigationHelpButton: false,//帮助animation: false,//动画控制shouldAnimate: false,timeline: false,//时间轴creditsDisplay: false,// 注释时相当于使用默认地形，解开注释相当于使用全球地形// terrainProvider: Cesium.createWorldTerrain()});viewer._cesiumWidget._creditContainer.style.display = "none";//隐藏版本//加载地形图//const terrainProvider = new Cesium.ArcGISTiledElevationTerrainProvider({// url: '/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer',//})//viewer.terrainProvider = terrainProvider//初始位置viewer.camera.setView({destination: Cesium.Cartesian3.fromDegrees(116.435314, 39.960521, 15000.0), // 北京的坐标orientation: {heading: Cesium.Math.toRadians(20.0),pitch: Cesium.Math.toRadians(-90.0),roll: 0}})// 将视角修改为中国的上方Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(75.0, // 西经0.0, // 南纬140.0, // 东经60.0 // 北纬)//飞到哪里//viewer.camera.flyTo({// destination: Cesium.Cartesian3.fromDegrees(116.435314, 39.960521, 15000.0), // 北京的坐标// orientation: {// heading: Cesium.Math.toRadians(20.0),// pitch: Cesium.Math.toRadians(-90.0),// roll: 0// }//})//viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({// url: 'http://localhost:8080' + '/tms/overlay/{z}/{x}/{y}.png',// fileExtension: "png"//}));}}</script><style scoped>.container {width: 100%;height: 100vh;}</style>
