首页 推荐 热点 专题 PHPJavaPythonAndriodIOSC#前端数据库人工智能程序开发架构安全运维资讯微课资源
0
点赞
收藏
分享

微信扫一扫

Cesium自动生成建筑物3D轮廓模型

一枚路过的程序猿 2023-09-21 阅读 27
3d

Cesium提供方法自动生成建筑物3D模型,也就是根据地面上的图片,建筑物的周围轮廓生成一个模拟的3D建筑物的轮廓,并放置在地球的建筑物位置,相关注释在代码中已经体现了。下面通过代码演示整个过程:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <!-- Include the CesiumJS JavaScript and CSS files -->
  <script src="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Cesium.js"></script>
  <link href="https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
  <div id="cesiumContainer"></div>
  <script>
    // 设置token
    Cesium.Ion.defaultAccessToken = 'token';

    // 初始化一个id为 `cesiumContainer`的HTML元素作为我们的容器,这里不传ID传DO .
    const viewer = new Cesium.Viewer('cesiumContainer', {});    
	
    // 加载OSM建筑,也就是一些城市的白膜建筑,只有形状没有纹理的模型.
    const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());   
    //飞入到某个点查看
    viewer.camera.flyTo({
      destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),
      orientation : {
        heading : Cesium.Math.toRadians(0.0),
        pitch : Cesium.Math.toRadians(-15.0),
      }
    });
  </script>
 </div>
</body>
</html>

效果图 1694397718342.jpg 以上如有问题可以在评论区留言

举报

相关推荐

Mapbox GL中3D建筑物的加载

Mapbox glGIS相关开源Mapbox GL

建筑物提取数据集

数据集高精度目标识别虚拟化云计算

arcgis建筑物平均高度

学习vue.jsjavascript前端ecmascriptvue3

深度学习提取建筑物矢量

htmljavascript编程语言

Google Earth Engine(GEE)——全球建筑物数据集(MSBuildings数据集)包含微软7.77忆建筑物

gee数据集建筑物building全球JavaScript前端开发

Cesium中级教程6 - 3D Models 三维模型

CesiumJS2021-技术...空间科学开源

mapbox 自定义建筑物特效(源码)

3dhtmli++Node.js前端开发

基于GeoTools实现建筑物高度的提取

GeotoolsGIS相关开源GIS数据处理

3D生成式AI模型与工具

ide

cesium实现3D实时绘制轨迹

日记本cesium开源
0 条评论
一枚路过的程序猿
关注
  • 从机器学习到深度学习,再到自然语言处理与计算机视觉
  • 蓝易云高防CDN - 基于Docker的JMeter分布式压测实战讲解
  • 揭秘!一对一直播源码部署全流程解析与服务器配置实战
  • 黑龙江2025年软考信息系统管理工程师考试内容
  • mysql严格模式groupby
  • Kafka | RabbitMQ | RocketMQ | ActiveMQ 的区别和入门案例
  • Ant Design时间选择器默认显示当前年份
  • Java 中可达性分析算法
  • Angular v19 (二):响应式当红实现signal的详细介绍:它擅长做什么、不能做什么?以及与vue、svelte、react等框架的响应式实现对比
  • 「Mac玩转仓颉内测版32」基础篇12 - Cangjie中的变量操作与类型管理