呢呢 Blog 呢呢 Blog
首页
  • 前端

    • web Worker使用笔记
  • 博客搭建

    • 快速上手
文集
  • 前端公用方法
关于
  • 网站
  • 资源
  • Vue资源
  • 友情链接
GitHub
首页
  • 前端

    • web Worker使用笔记
  • 博客搭建

    • 快速上手
文集
  • 前端公用方法
关于
  • 网站
  • 资源
  • Vue资源
  • 友情链接
GitHub
  • 前端

  • 博客搭建

  • 微前端

  • Cesium天地图

    • Cesiumtest搭建
  • bug记录

  • vuepress

  • 浏览器架构及原理

  • photoshop

  • vue3+vite

  • react

  • 编程
  • Cesium天地图
Ni Ni
2021-05-14

Cesiumtest搭建

一切的需求以客户需求为导向,这开始了我的xio习Cesium之路

不放代码仓库的教程不是好教程 这是链接cesium-test

步骤

  1. 使用vue-cli3 构建一个vue项目
  2. npm install cesium
  3. 开始之前请获取一个cesium token 注册参考地址
  4. 底图使用的是天地图,同样获取一个天地图的token 注册地址
  5. 将 cesium\Build\Cesium copy 到 \cesium-test\public\static 下
  6. 将下面的代码,贴到main.js 内
// window.CESIUM_BASE_URL = '/'
window.CESIUM_BASE_URL = '/static/Cesium/'; 
import * as Cesium from 'cesium'
import 'cesium/Build/Cesium/Widgets/widgets.css'
// 设置全局token  替换成自己的token
Cesium.Ion.defaultAccessToken = 'xxx'
window.token = 'xxx' //天地图全局token 替换成自己的token
window.Cesium = Cesium;
1
2
3
4
5
6
7
8
  1. 下载 cesium-test 运行后直接参考例子吧
编辑
上次更新: 2021/07/22, 09:07:42
应用间通信
element-ui的table在flex布局下宽度一直增大

← 应用间通信 element-ui的table在flex布局下宽度一直增大→

最近更新
01
react全家桶搭建全家桶模板
10-19
02
react学习到搭建一个全家桶的基础模板
10-09
03
202108自修图
09-24
更多文章>
Theme by Vdoing | Copyright © 2020-2021 Ni Ni | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×