文章使用新版本cesium+vue+echarts实现,示例中的模型为官方模型,主要设计思路为绘制线条并进行模型插值取样,与高程的取样思路不太相同,具体区别如下
代码部分主要分为三部分:1.绘制空间线条2.线条区间的坐标插值和采样3.采样数据通过Echarts图标显示。
ViewerApp.vue文件如下
<template>
<div>
<div ref="earthContainer" class="full" id="container"></div>
<TilesetProfile />
</div>
</template>
<script >
import TilesetProfile from "./analysis/TilesetProfile";
export default {
name: "ViewerApp",
props: {
msg: String,
},
components: {
TilesetProfile,
},
data() {
return {};
},
mounted() {
const Cesium = window["Cesium"];
Cesium.Ion.defaultAccessToken =
"";
var viewer = (window.viewer = new Cesium.View