Cesium使用turf.js简单应用

最新推荐文章于 2024-04-30 22:33:50 发布

考班格

最新推荐文章于 2024-04-30 22:33:50 发布

阅读量513

点赞数 9

分类专栏：菜鸟学习编程之路 Cesium JavaScript 文章标签： javascript 前端 cesium

本文链接：https://blog.csdn.net/QQhelphelp/article/details/135764026

版权

菜鸟学习编程之路同时被 3 个专栏收录

234 篇文章 4 订阅

订阅专栏

Cesium

43 篇文章 8 订阅

订阅专栏

JavaScript

41 篇文章 0 订阅

订阅专栏

//turf.min.js用法
    function UseTurfJS() {
      var polygon = turf.polygon([[
        [pos[0].longitude, pos[0].latitude],
        [pos[1].longitude, pos[1].latitude],
        [pos[2].longitude, pos[2].latitude],
        [pos[3].longitude, pos[3].latitude],
        [pos[4].longitude, pos[4].latitude],
        [pos[0].longitude, pos[0].latitude],
      ]]);
      var area = turf.area(polygon);
      console.log("面积：", area);

      var center = turf.centerOfMass(polygon);
      console.log("中心点：", center);

      var translatePoly = turf.transformTranslate(polygon, 100, 100);
      console.log("位移：", translatePoly);

      //显示点集  
      var coord = polygon.geometry.coordinates;
      var cartographics = coord[0];

      console.log("------------", coord, cartographics);


      var pointCollection = new Cesium.PointPrimitiveCollection();

      var poss = [];
      cartographics.forEach(function (position) {
        // console.log("++++++++++++"+position);
        poss.push(position[0], position[1], 0);

        pointCollection.add({
          position:  Cesium.Cartesian3.fromDegrees(position[0], position[1], 0),
          color: Cesium.Color.RED,
          pixelSize: 5
        });
      });

      viewer.scene.primitives.add(pointCollection);



      console.log("-*-************-", poss);
      viewer.entities.add({
        name: "三角面",
        id: "triangle",
        polygon: {
          hierarchy: Cesium.Cartesian3.fromDegreesArrayHeights(poss),
          heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
          perPositionHeight: true,
          material: Cesium.Color.fromCssColorString("#23B8BA").withAlpha(
            1.0
          ),
          //  extrudedHeight: 0,
          outline: true,
          outlineColor: Cesium.Color.GREEN,
        }
      });

    }