本文介绍了如何在Vue-admin项目中集成Cesium地图库。详细步骤包括安装Cesium，配置vue.config.js，设置externals和aliases，以及在Main.js中引入Cesium。此外，文章还展示了如何创建地图实例，添加影像图层，飞行到特定位置，以及加载3D模型。同时，还讲解了如何搭建Geoserver并发布WMS服务，以及处理跨域问题。
说明
- 执行安装npm install cesium --save
- 在vue.config.js下增加以下代码
const CopyWebpackPlugin = require('copy-webpack-plugin')
const webpack = require('webpack')
let cesiumSource = './node_modules/cesium/Source'
let cesiumWorkers = '../Build/Cesium/Workers'
修改
configureWebpack: {
// provide the app's title in webpack's name field, so that
// it can be accessed in index.html to inject the correct title.
name: name,
resolve: {
alias: {
'@': resolve('src'),
'cesium': path.resolve(__dirname, cesiumSource)
}
},
externals: {
'AMap': 'AMap' // 高德地图配置
},
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' }]),
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
