vue中通过cdns引入cesium中的坑

299 阅读1分钟

首先在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会出现跨域报错,你只需要启动一个本地端口就能解决这个报错,也就是说上传到服务器之后是不会报错的