1.Cesium基础（在地球上添加模型，模型旋转）

彩色的小灰

已于 2022-08-13 12:06:12 修改

阅读量1.2k

点赞数 1

分类专栏： Cesuim 文章标签：前端框架

于 2022-08-08 09:45:47 首次发布

本文链接：https://blog.csdn.net/xq_0514/article/details/126221727

版权

本文详细介绍了如何使用Cesium在虚拟地球上添加3D模型，并探讨了实现模型旋转的方法，适合前端开发者学习Cesium基础操作。

摘要由CSDN通过智能技术生成

<template>
  <div id="cesiumContainer">
    <div class="rotate">
      <el-input v-model="heading"></el-input>
      <el-input v-model="pitch"></el-input>
      <el-input v-model="roll"></el-input>
      <el-button @click="setRotate"></el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      heading: 0,
      pitch: 0,
      roll: 0,
      entity: "",
    };
  },
  mounted() {
    this.initModel();
  },

  methods: {
    initModel() {
      // 加载清晰度比较好的地球
      var esri = new Cesium.ArcGisMapServerImageryProvider({
        url: "https://services.arcgisonline.com/ArcGIS/rest/service/World_Imagery/MapServer",
      });
      Cesium.Ion.defaultAccessToken =
        "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI0ZGZ