Cesium加载3dTiles

本文介绍如何在Cesium中加载3D Tiles数据,以纽约岛屿为例,展示建筑物的加载与样式修改过程,包括定位到纽约、加载建筑物信息以及调整建筑物样式。
摘要由CSDN通过智能技术生成

一、创建服务器(看第一篇笔记)

二、加载建筑物

在Cesium中建筑物信息的加载需要自己添加数据到Cesium ion中然后使用的,为了测试Cesime封装了几个数据,我们已纽约的一个岛为例。

1、将视角定位在纽约上空

// 坐标设置在纽约,这样会有默认的3dTiles数据
var initialPosition = Cesium.Cartesian3.fromDegrees(-74.01881302800248, 40.69114333714821, 753);
var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(21.27879878293835, -21.34390550872461, 0.0716951918898415);
viewer.scene.camera.setView({
    destination: initialPosition,
    orientation: initialOrientation,
    endTransform: Cesium.Matrix4.IDENTITY
});

2、加载建筑物

/ 加载3DTiles数据,纽约进行封装了
var city = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url:Cesium.IonResource.fromAssetId(5741)}))

3、更改建筑物样式

// 设置建筑物的样式
var heightStyle = new Cesium.Cesium3DTileStyle({
color:{
    conditions:[
    ["${height} >= 300","rgba(45,0,75,0.5)"],
    ["${height
  • 5
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值