熟悉不过-优快云博客

原创 Cesium第五天

font是字体大小，fillcolor是字体颜色，backgroundcolor是背景颜色，verticalOrigin是设置位置垂直，我们也可以把这段代码加入到我们的模型代码中，具体的完整代码如下。在之前的文章中我们加载了站牌模型，现在我们来把站牌的名称加载显示出来，

2025-04-04 09:00:00 295

原创 Cesium第四天

在上一篇中我们加载了公交车路线图，今天我们加载公交车站牌点并添加模型，在GeoJSON中，站牌是xy_coord属性，我们对该属性进行操作。

2025-04-03 09:30:00 328

在上一节中我们已经加载了一个简洁的地球，今天我们对GeoJSON数据进行处理，JSON数据中，xs,ys是路线的经纬度坐标，我们使用split方法对其进行分离，再使用forEach方法遍历拿出来，得到一个数组的经纬度坐标，再使用cesium中添加线的方法，我们使用的是entity，对于primitive绘制图形不再赘述，由于我们使用的是TS语言，所以在必要的时候要进行类型的指定，另外补充一句，要使用clamToGround为true保证线贴合地面，这是创建线路的代码，对于颜色可以读者自行调整。

2025-04-02 09:43:51 361

原创 Cesium公交路线可视化第三天

使用这一串代码得到一个干净的地图，在图层选择上我们使用的是高德地图，使用viewer.imageryLayers.addImageryProvider为cesium提供图层，再使用imageryProvider提供高德图层，如果不使用这个则会添加一个原始的bing地图再添加高德地图，影响页面加载。我们首先初始化一下地图，在component文件夹下新建一个mapIndex.vue的文件，具体代码如下。本次采用的数据是GeoJSON数据，因为博主能力有限，只能采用这种数据格式帮助大家理解，

2025-04-01 09:50:25 277

原创 Cesium公交路线可视化

我们上一篇文章已经完成了项目的基本内容，引入了cesium和一些图标,接下来我们要进行实际的代码编写了，我们使用的是三维Cesium框架，所以必不可就要用到一些模型，我们在这个项目中使用站台模型和公交车，这两个模型都用的是gltf格式，在cesium中加载gltf格式得模型方法我们后续会讲述。后续可以私信找我拿这两段代码，我们将这两段代码加入到我们的assets文件夹下建立的model文件夹。

2025-03-31 09:30:00 188

原创关于Cesium的公交车路线可视化项目

已经很久没写有关WebGIS的文章了，最近一直在重新回顾有关前端的一些知识，毕竟作为一个学生，在平常有些东西很少能用到，今天我正式想写一个有关公交车可视化的项目，正好用来巩固一下我学到的知识，本项目使用的是最新的vue3脚手架，搭配TS进行构建，我将每天更新直至完成这个项目。viewer文件夹也进行清空，对于App.vue也只保留主体框架。这样就完成了整体的框架。使用这段代码安装cesium,在vite.config.ts配置。

2025-03-30 10:53:09 665