107：vue+cesium 加载的 OSM 建筑物

最新推荐文章于 2025-06-05 14:06:25 发布

还是大剑师兰特

最新推荐文章于 2025-06-05 14:06:25 发布

阅读量881

点赞数 42

CC 4.0 BY-SA版权

分类专栏： # cesium综合教程200+ 文章标签：大剑师 cesium教程 cesium示例 cesium高级

本文链接：https://blog.csdn.net/cuclife/article/details/145897852

cesium综合教程200+ 专栏收录该内容

182 篇文章 ¥129.90 ¥299.90

订阅专栏

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第: 107篇文章

文章目录

一、示例效果图:

在这里插入图片描述

二、示例介绍

本示例在 Vue + cesium 项目中实现加载的 OSM 建筑物。这本来是一个很简单的处理方式，但是在处理中遇到了麻烦。原先使用Cesium.createOsmBuildingsAsync()来异步加载建筑物，可以示例总是报错createOsmBuildingsAsync()函数错误，网上查了一些原因，终究还是解决不了，后来在示例中采用了同步的方式，加载慢一点，效果能显示出来，先记录一下吧。

直接复制下面的 vue+cesium源代码，操作2分钟即可运行实现效果.

三、配置说明

1）查看基础设置：https://xiaozhuanlan.com/topic/1374609285
或者同样查看：https://blog.csdn.net/cuclife/article/details/126745283
2）将示例源代码，粘贴到src/views/Home.vue中，npm run serve 运行即可。