cesium(普通贴图作为底图,给多边形等加贴图)

cesium把图片作为底图,可以采用下面两种方式:
(1)采用TIF格式的图片,这种格式的图片带有位置信息,可作为底图,并且可以自动地位到图片拍摄的位置,导入方式一般需要把图片上传到服务器或cesium官网的My Assets中,然后根据提示的代码即可引入。
在这里插入图片描述

 const layer=viewer.imageryLayers.addImageryProvider( new Cesium.SingleTileImageryProvider({
            url: "图片url",
        }));

(2)使用普通图片(jpg、png等)创建一个矩形或多边形,把图片作为作为材质给矩形,但要自己调整角点位置对齐。

var cby_bg_data=[
  119.252677,31.937594, 0,
  119.252086,31.922213, 0,
  119.284185,31.921710, 0,
  119.284234,31.936937, 0,

];
var cby_bg= viewer.entities.add({
  id:"fixed_bg",
  name: "背景",
  polygon: {
    hierarchy: Cesium.Cartesian3.fromDegreesArrayHeights(cby_bg_data),
    perPositionHeight: true,
    material: new Cesium.ImageMaterialProperty({
      image:"../sglImgs/cby_bg.jpg"
    }),//new Cesium.Color(0.29, 0.85, 0.89, 0.5), //Cesium.Color.PALETURQUOISE.withAlpha(0.5),
    outline: false,
    //outlineColor: Cesium.Color.BLUE,
    outlineWidth: 2, //很多电脑当宽度>1时,没用
  }
});

在这里插入图片描述
这种方式调整位置比较麻烦,需要慢慢调,可通过输出点击的经纬度来尝试。

//==点击获取经纬度
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (event) {
  var earthPosition = viewer.camera.pickEllipsoid(
    event.position,
    viewer.scene.globe.ellipsoid
  );
  var cartographic = Cesium.Cartographic.fromCartesian(
    earthPosition,
    viewer.scene.globe.ellipsoid,
    new Cesium.Cartographic()
  );
  var lat = Cesium.Math.toDegrees(cartographic.latitude);
  var lng = Cesium.Math.toDegrees(cartographic.longitude);
  var height = cartographic.height;
  console.log(lng.toFixed(6) + "\n" + lat.toFixed(6));
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

最后:
把图片作为材质贴图的方式有两种,可参看这个说明:材质使用

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: Cesium Wall 贴图是一种用于创建具有真实感的三维地球模型的技术。使用Cesium Wall 贴图,可以将高清照片、纹理图像或地理数据应用于CesiumJS 3D 地球模型,以呈现出真实世界中的地形、建筑物和其他地理要素。 Cesium Wall 贴图提供了一种增强CesiumJS 的功能的方法,可以将地球模型的外观更加逼真地呈现出来。通过使用高分辨率的卫星图像、地形数据和建筑物纹理,Cesium Wall 贴图可以实现高质量的地理可视化效果。 Cesium Wall 贴图的使用方法相对简单,首先需要准备好所需要的纹理或数据,这些可以来自卫星图像、地图数据或其他来源。然后,使用CesiumJS 的API 将这些贴图应用到地球模型上。Cesium Wall 贴图支持多种投影方式,可以根据需要进行调整。 通过Cesium Wall 贴图,用户可以实时浏览地球上的任意位置,并以逼真的方式显示地形、建筑物和其他地理特征。这为各种应用场景提供了很大的潜力,例如城市规划、环境监测、旅游导航等。同时,Cesium Wall 贴图还支持交互功能,用户可以通过缩放、旋转等方式与地球模型进行互动。 总之,Cesium Wall 贴图是一种用于创建逼真的地球模型的技术,它能够让用户以真实感十足的方式浏览地球表面,并展示出地理特征和环境数据。它的应用潜力广泛,并为用户提供了交互式的地理信息体验。 ### 回答2: Cesium Wall是一种用于贴图的技术,它可以在Cesium三维地球模型上进行贴图操作。Cesium是一个用于开发基于Web的地理信息系统的开源平台,它允许用户以高效和互动的方式展示地理数据。而Cesium Wall则是Cesium平台上的一个功能模块,用于在地球模型上贴上图片。 使用Cesium Wall贴图功能首先需要准备好贴图的图片资源。这些图片可以是2D的纹理图像,也可以是在世界空间中采集到的真实场景图像。接下来,我们需要将这些图片映射到Cesium的网格中。在Cesium中,网格是由大量的三角形构成的,而每个三角形可以覆盖一定的地理范围。因此,我们需要将贴图的图片按照地理坐标和网格的拓扑结构进行对应。 一旦图片成功映射到地球模型上,我们就可以在Cesium中显示出这些贴图。这些贴图可以在地球表面的特定位置展示,也可以通过旋转、缩放和平移到任意位置。通过Cesium Wall的贴图功能,我们可以实现在地球模型上贴上各种图片,比如地图、卫星影像、建筑模型等,从而使得地球模型更加真实、生动和可视化。 总的来说,Cesium Wall的贴图功能为我们在Cesium平台上展示地理信息提供了更多的可能性。通过将图片映射到地球模型上,我们可以呈现出更加精细的地理数据,同时也提供了更加互动和沉浸式的地理信息展示体验。 ### 回答3: Cesium Wall贴图是一种在Cesium 3D地球浏览器中用于墙面展示的技术。通过Cesium Wall贴图,可以在3D场景中实现墙面的虚拟贴图,用于展示各种信息、图片、视频等内容。 Cesium Wall贴图的实现需要利用Cesium的开放式JavaScript库来进行开发,通过为墙面元素添加纹理贴图,可以在墙面上显示各种图像。贴图的内容可以是静态图片,也可以是动态视频,甚至可以是实时流媒体。 Cesium Wall贴图具有很强的灵活性和交互性。通过对贴图元素的设置,可以使其具备响应鼠标点击、拖拽、滚动等交互操作的能力。这样,用户可以通过与Cesium Wall贴图进行交互,浏览不同的内容、观看各种媒体、查询相关信息等。 Cesium Wall贴图的应用范围广泛。例如,在展览会上可以利用Cesium Wall贴图将展品信息以形象直观的方式展示给参观者;在城市规划中,可以使用Cesium Wall贴图将各种城市数据、建筑模型等展示在城市模型的墙面上,方便进行规划与设计;在教育领域,可以利用Cesium Wall贴图创造虚拟教室,将教学内容以多媒体形式展现给学生。 总之,Cesium Wall贴图是一种在Cesium 3D地球浏览器中实现墙面展示的技术。它将丰富的信息、多媒体内容以交互的方式展示给用户,为展览、规划、教育等领域提供了创新的展示手段。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值