3DTileset上如何加载地形图

tzbm123456

<3DTileset上如何加载地形图>

2022年6月16日

tzbm123456

//一、加载地形图b3dm文件
   tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
        url : './DataSource/SQJS/XDY_DG/b3dm/Dxt/Dxt/tileset.json'
        //url : './DataSource/TZBM/jjj/b3dm/jjj/tileset.json'
   }));
   //设置实体样式
   var transparentStyle=new Cesium.Cesium3DTileStyle({
        color: "color('white',1.0)",
        show: true
   });            
   tileset.style=transparentStyle;
   viewer.flyTo(tileset,{
       duration : 10,
       maximumHeight : 1000000,
   });
//二、设置地图材质
   imageMaterial = new Cesium.ImageMaterialProperty ({
        image:'./DataSource/SQJS/XDY_DG/b3dm/Dxt/Dxt/M_41.png',
        color: Cesium.Color.WHITE,
        repeat : new Cesium.Cartesian2(1, 1)
   });

//三、添加地图材质
   const polygon = viewer.entities.add({
      polygon: {
        hierarchy: new Cesium.PolygonHierarchy(
        Cesium.Cartesian3.fromDegreesArray([116.3925,39.8990, 116.3935, 39.8990, 116.3935, 39.8997, 116.3925, 39.8997])
        ),
        //material: Cesium.Color.BLUE.withAlpha(0.5),
        material : imageMaterial,
        classificationType: Cesium.ClassificationType.CESIUM_3D_TILE,
        //classificationType: Cesium.ClassificationType.TERRAIN,
      },
   });
   viewer.flyTo(polygon,{
        duration : 10,
        maximumHeight : 1000000,
   });

/*
特别说明：
1、cesium.js:41 Entity geometry outlines are unsupported on terrain. Outlines will be disabled. To enable outlines, disable geometry terrain clamping by explicitly setting height to 0。

2、classificationType起作用，必须不设置height参数。
*/

tzbm123456

tzbm123456

<绘制贴地线体>

button7 = gui.add(controls, 'button7').name('绘制贴地线体').onFinishChange(function(){
    alert('绘制贴地线体');
    viewer.scene.primitives.add(
     new Cesium.GroundPolylinePrimitive({//贴地primitive线
       geometryInstances: new Cesium.GeometryInstance({
        geometry: new Cesium.GroundPolylineGeometry({//贴地线几何
         positions:Cesium.Cartesian3.fromDegreesArray([107.523204,29.403641,107.528098,29.405478]),
         width : 10.0,
        }),
       }),
       appearance: new Cesium.PolylineMaterialAppearance({
         material: Cesium.Material.fromType('Color', {
            color: Cesium.Color.RED
          })
       })
      })
    )
})

tzbm123456

<JS 类型判断>

1、typeof(ptArr[0])
     'object'
2、typeof(23)
     'number'
3、typeof('we')
     'string'
4、typeof("we")
     'string'
5、ptArr[0] instanceof Cesium.Cartesian3
     true