vue中使用Cesium实现三维开发

cyydd21

已于 2022-11-10 17:44:31 修改

阅读量1k

点赞数

文章标签： vue.js javascript 前端

于 2022-10-19 10:31:32 首次发布

本文链接：https://blog.csdn.net/cyydd21/article/details/127402134

版权

一.下载cesium引入包

public-->index.html

<link rel="stylesheet" type="text/css" href="static/js/plugins/Cesium174/Widgets/widgets.css" />
<script type="text/javascript" src="static/js/plugins/Cesium174/Cesium.js"></script>

二.初始化地图

<div class="model" id="cesiumContainer">

Cesium.Ion.defaultAccessToken =你的token
//实例化
const viewer = new Cesium.Viewer("cesiumContainer", {
  shouldAnimate: false, //自动播放
  shadows: false,
  vrButton: false,
  selectionIndicator: false,
  baseLayerPicker: false,
  geocoder: false,
  homeButton: false,
  sceneModePicker: false,
  selectionIndicator: false,
  navigationHelpButton: false,
  shouldAnimate: true,//飞行需要使用
  animation: false,
  timeline: false,
  fullscreenButton: fa