vue + cesium 创建地图, 笔记使用说明

vue + cesium 创建地图, 笔记使用说明

预览效果

1. 安装

npm i vite-plugin-cesium cesium@1.99

2. 基配置 vite.config.js 在 plugins 里加入

import cesium from 'vite-plugin-cesium'

  plugins: [
    vue(),
    cesium(),   // 加入 cesium
    vueDevTools(),
  ],

3. 页面使用

<script setup>
import { shallowRef, onMounted } from "vue";
import * as Cesium from 'cesium'

const viewer = shallowRef(null)

onMounted(() => {

  Cesium.Ion.defaultAccessToken = '申请的Token'
  viewer.value = new Cesium.Viewer('cesium')

})
</script>

<template>
  <div id="cesium"></div>
</template>

<style scoped>

</style>