首先在html文件中引入打包过后的Cesium 然后再vue文件中使用 初始化的时候配置项中imageryProvider需要使用一个url
cesiumOptions: {
infoBox: false,
shouldAnimate: true,
vrButton: false,
geocoder: false,
homeButton: false,
sceneModePicker: false,
baseLayerPicker: false,
navigationHelpButton: false,
animation: false,
timeline: false,
fullscreenButton: false,
imageryProvider: new Cesium.TileMapServiceImageryProvider({
// 我的cesium文件放在public里面的,url必须这样写,要不然会有一个提醒的打印
// An error occurred in "TileMapServiceImageryProvider": Failed to obtain image tile X: 2 Y: 3 Level: 3.
url: "./cesium/NaturalEarthII",
}),
}
以上最基础的天地图就能出现
第二个坑
vue打包点开本地的html会出现跨域报错,你只需要启动一个本地端口就能解决这个报错,也就是说上传到服务器之后是不会报错的