vue cesium结合turf实现点线周边的缓冲分析

一颗小水滴

已于 2022-06-23 15:40:55 修改

阅读量928

点赞数 2

文章标签：大数据

于 2022-06-23 15:36:14 首次发布

本文链接：https://blog.csdn.net/weixin_42256142/article/details/125428236

版权

一.引入

2.使用

二维数组转换

代码：

  //绘画缓冲
    drawTurf(obj) {
      let tfArry = [];
      this.activeShapePoints.map((item) => {
        let arry = [this.GetWGS84FromDKR(item).x, this.GetWGS84FromDKR(item).y];
        tfArry.push(arry);
      });
      if (obj.type == "Point") {
        tfArry = tfArry.pop(1);
      }
      const tf =
        obj.type === "Point" ? turf.point(tfArry) : turf.lineString(tfArry);
      // 缓冲区分析，turf必须使用wgs84经纬度坐标

      const tbf = turf.buffer(tf, obj.distance, {
        //半径
        units: "kilometers", //单位
      });
      let obc = this.arrayConver(tbf.geometry.coordinates[0]);
      this.viewer.entities.add({
        name: "Green rhumb line",
        polygon: {
          hierarchy: Cesium.Cartesian3.fromDegreesArray(obc),
          arcType: Cesium.ArcType.RHUMB,
          material: geoMaterial,
        },
      });
    },