Cesium绘制带有方向的线

七月_Mo

已于 2024-03-05 10:00:14 修改

阅读量772

点赞数 11

分类专栏：地图文章标签：前端

于 2024-03-05 09:58:39 首次发布

本文链接：https://blog.csdn.net/Mozifei73/article/details/136470365

版权

地图专栏收录该内容

17 篇文章 3 订阅

订阅专栏

文章描述了使用Cesium库在3D地图中绘制线段（uav-tmp-line），包括设置方向、跟随地形、宽度以及如何根据地理数据计算边界并调整相机以显示整个区域的过程。

摘要由CSDN通过智能技术生成

export const MAP_3D_BEGIN_CALC = (lineStringData, geoData) => {
  // 画方向线
  map.entities.add({
    name: 'uav-tmp-line',
    polyline: {
      positions: Cesium.Cartesian3.fromDegreesArray(lineStringData),
      material: new Cesium.PolylineArrowMaterialProperty(Cesium.Color.RED),//创建线段的材质，设置方向
      followSurface: true, //表示路径是否跟随地形，如果为true，则路径将会根据地形起伏变化
      width: 10,
      clampToGround: true,
    },
  });
  var bbox = turf.bbox(geoData.features[0]);
  map.camera.flyTo({
    destination: Cesium.Cartesian3.fromDegrees(Number(bbox[0]), Number(bbox[1]), 10000.0),
  });
};