熟悉不过-优快云博客

原创 Cesium项目之公交路线可视化

本文主要对我犯下的一些错误进行纠错，在加载相关数据之前我没有考虑到坐标问题，高德地图采用的是火星坐标，和我们使用的白膜数据坐标产生了一些偏差（WGS84），现在我们对底图进行切换，把高德地图切换为天地图，因为天地图为（WGS84坐标）在我们替换之后，建筑白膜数据就能完美对应。接下来我们发现我们的线路，模型等与地图位置不符合，这和上诉的原因一致，接下来我们使用坐标转换对其调整。可以看到我们的线路完美的在地图上展示了。但是这个时候，浏览器会提示我们请求过多，然后在代码中编写路线。

2025-04-10 09:00:00 563

原创 Cesium项目之cesiumlab加载建筑白膜数据

我在网上找取得2022年武汉市建筑数据，如果有需要可以在评论区留言，这个数据是shp格式，首先我们要对其进行一些处理，由于他是整个武汉市，所以我们要对其进行提取，在arcmap中我们先下载洪山区边界数据，使用分析工具，提取分析，裁剪，输入要素为建筑数据，裁剪要素为洪山区，然后进行输出，得到洪山区的建筑数据。可以看到模型数据正确加载，不过由于我只找到2022年的数据，所以有写些没法加载，不过大概是正确的，接下来就是在代码中进行加载。输出文件选择散列，如果各位的文件较大，可以勾选顶点压缩，

2025-04-09 09:30:00 597

原创 cesium项目之cesiumlab地形数据加载

之前的文章我们有提到，使用cesiumlab加载地形出现了一些错误，没有解决，今天作者终于找到了解决方法，下面描述一下具体步骤，首先在地理数据云下载dem数据，在cesiumlab中使用地形切片，得到terrain数据格式的数据，然后在分发服务中拿到她给你的地址。这样就可以在你的界面显示你加载的地形了，另外再补充一句，如果浏览器提示你有跨域错误，在cesiumlab中有很好的解决方法，点击cesiumlab的服务token,然后把复制的地址直接输入在浏览器中看看是否正确，如果可是则会是以下格式。

2025-04-08 09:09:27 796

原创 Cesium第五天（加在cesiumlab处理之后的地形数据）

是在地理数据云上面下载的湖北武汉洪山区的DEM数据，然后在cesiumlab中对其进行了地形切片，生产了散列文件，然后再分发服务的常规地形中拿到了url，在代码中进行了加载，但是我的页面地图就消失了，只有我自己生成的点线和模型，并且控制台也没报错，我在网络请求中也没发现有任何请求，我直接在浏览器中打开也能得到json数据，随后我在控制台输入了fetch("http://localhost:9004/tile/terrain/TrW1Or7g/layer.json?

2025-04-05 14:42:02 306

原创 Cesium第五天

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

2025-04-04 09:00:00 435

原创 Cesium第四天

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

2025-04-03 09:30:00 502

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

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

2025-04-02 09:43:51 414

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

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

2025-04-01 09:50:25 299

原创 Cesium公交路线可视化

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

2025-03-31 09:30:00 212

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

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

2025-03-30 10:53:09 700