本文档介绍了如何在Vue.js项目中安装和配置Cesium库。首先，通过安装命令添加Cesium到项目中；其次，在vue.config.js文件中进行相应配置；最后，演示了如何在项目中正确引入并使用Cesium。
1、安装cesium
npm install cesium
2、在vue.config.js加入如下
const cesiumSource = 'node_modules/cesium/Source';
const cesiumWorkers = '../Build/Cesium/Workers'
modele.exports={
configureWebpack:{
resolve: {
alias: {
'@': resolve('src'),
'cesium': path.resolve(__dirname, cesiumSource)
}
},
plugins:[
new CopyWebpackPlugin([{ from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' }]),
new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'Assets'), to: 'Assets' }]),
new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' }]),
new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'ThirdParty/Workers'), to: 'ThirdParty/Workers' }]),
new webpack.DefinePlugin({
//此处路径要注意！！根据自己的资源路径
CESIUM_BASE_URL: JSON.stringify('../')
})
],
amd:{
最低0.47元/天 解锁文章
扫一扫
261
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
