vue+cesium实例探索(二)

263 阅读1分钟

参考链接:Cesium打造数字城市快速上手课程【最新Vue3与Vite结合版】_哔哩哔哩_bilibili

一、摄像头查看具体位置和方向

思路:1.获取地图服务器地址 2.定义视图Viewer及参数设置 3.设置查看器camera的位置与方向

2-1地图服务器地址.png

2-1视图设置.png

2-1查看器位置方向.png

二、3D模型数据加载并设置样式

思路:1.获取3D模型数据 2.定义3D样式 3.链接3D样式与3D模型数据

2-23D模型数据获取.png

2-23D样式获取.png

2-2样式连接.png

三、划分城市区域并着色

思路:1.获取GeoJSON数据 2.加载完成后的数据添加到Viewer视图 3.对数据进行渲染 对数据进行渲染的目标是对地图上每一个实体进行颜色区分以及标签显示,主要过程如下:a.循环每个实体 b.获取实体名称 c.对实体进行着色(先设置颜色后着色地形)d.将着色的图形放置到规定位置上 e.对每个实体添加标签并设置标签内容。 PS:暂且不放代码。

感受:

小实验的尝试大概了解cesium可以做些什么,这个B站上的实例在代码编写时并没感受到vue语言的使用,毕竟学艺不精,还待深入了解