vue2+cesium初始化地图

目录

1、在vue2项目中下载cesium

2、安装loader

3、更改vue.config.js中的配置

4、main.js中引入

5、App.vue中设置样式

6、新建map.vue 其中代码如下：

7、在App.vue中使用Map组件

8、效果展示：

---

1、在vue2项目中下载cesium

npm install cesium

可能会出现下载失败报错，重新执行下载

npm config set registry https://registry.npmmirror.com
npm install cesium

2、安装loader

npm install @open-wc/webpack-import-meta-loader

3、更改vue.config.js中的配置

const {defineConfig} = require('@vue/cli-service')
const CopyWebpackPlugin = require("copy-webpack-plugin");

const webpack = require("webpack");
const path = require("path");

let cesiumSource = "node_modules/cesium/Source";
let cesiumWorkers = "../Build/Cesium/Workers";
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  configureWebpack: {
    externals: {
      'cesium': 'Cesiu