vue+cesium 加载轨迹线

最新推荐文章于 2024-03-14 16:49:41 发布

不想上班只想要钱

最新推荐文章于 2024-03-14 16:49:41 发布

阅读量394

点赞数 2

分类专栏： Java Web 前端 html 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Aa12364567/article/details/136396564

版权

前端同时被 3 个专栏收录

199 篇文章 3 订阅

订阅专栏

html

89 篇文章 1 订阅

订阅专栏

Java Web

43 篇文章 2 订阅

订阅专栏

vue+cesium 加载轨迹线

var arr = [
                  149.637748, 17.221054,
                  151.894497, 18.725779,
                  152.831908, 19.758596,
                  152.518625, 21.320476
                ]
                addLine(arr, '图层名字')

// 加载轨迹
export function addLine(arr, name) {
    var entity = {
        polyline: {
            positions: Cesium.Cartesian3.fromDegreesArray(arr), // 宽度
            width: 2, // 线的颜色
            material: Cesium.Color.RED, // 线的顺序,仅当`clampToGround`为true并且支持地形上的折线时才有效。
            // zIndex: 10,
            // 显示在距相机的距离处的属性，多少区间内是可以显示的
            pixelOffset: new Cesium.Cartesian2(0, 0),
            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 100000000), // 是否显示
            show: true
        }
    }
    // boatLineLayer[boatLineIndex] = window.viewer.entities.add(entity);
    // boatLineIndex++
    if (boatLineLayer[name]) {
        window.viewer.entities.remove(boatLineLayer[name])
    }
    boatLineLayer[name] = window.viewer.entities.add(entity);
}