Cesium primitive繪制折線和多邊形


drawContour() {
    console.log("正在執行");
    let rectangleInstanceArr = [];
    //定義折線幾何
    let polyline = new Cesium.PolylineGeometry({
      positions: Cesium.Cartesian3.fromDegreesArray([
        119.7,
        30.2,
        119.8,
        30.2,
        119.85,
        30.3
      ]),
      width: 10.0,
      vertexFormat:Cesium.PolylineColorAppearance.VERTEX_FORMAT
    });
    //定義多邊形幾何
    // let polygon = new Cesium.PolygonGeometry({
    //   polygonHierarchy: new Cesium.PolygonHierarchy(
    //     Cesium.Cartesian3.fromDegreesArray([
    //       119.7,
    //       30.2,
    //       119.8,
    //       30.2,
    //       119.85,
    //       30.3,
    //     ])
    //   ),
    //   vertexFormat: Cesium.PerInstanceColorAppearance.VERTEX_FORMAT,
    // });
    var rectangleInstance = new Cesium.GeometryInstance({
      geometry: polyline,
      attributes: {
        color: Cesium.ColorGeometryInstanceAttribute.fromColor(
          Cesium.Color.RED
        ),
      },
    });
    rectangleInstanceArr.push(rectangleInstance);
    this.viewer.scene.primitives.add(
      new Cesium.Primitive({
        geometryInstances: rectangleInstanceArr,
        //多邊形外觀
        // appearance: new Cesium.PerInstanceColorAppearance({
        //   translucent: true,
        //   closed: false,
        // }),
        //折線外觀
        appearance:new Cesium.PolylineColorAppearance({
            translucent:false
        }),
        asynchronous: false,
      })
    );
  }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM