Cesium军事标绘、Cesium动态标绘

最新推荐文章于 2024-03-27 15:08:06 发布

xt3d

最新推荐文章于 2024-03-27 15:08:06 发布

阅读量3.6k

点赞数

文章标签： javascript webgl gis

本文链接：https://blog.csdn.net/xietao20/article/details/108458386

版权

Cesium 专栏收录该内容

86 篇文章 87 订阅

订阅专栏

前言

在很多项目中需要标绘一些特殊的符号，如进攻路线，集结地，可以使用军事标绘中的符号来实现。在这里插入图片描述

关键代码

import PlotBase from "../../PlotBase"
import PlotTypes from "../../PlotTypes"
//面标绘 面标绘类是所有面状军事标绘的父类
export default class Polygon extends PlotBase {
    constructor(viewer, baseInfo, properties) {
        super(viewer, baseInfo, properties);
        this.baseInfo.plotName = PlotTypes.POLYGON;
        this.generateEntity();
        this.minPointCount = 3;
    }

    //构造Entity
    generateEntity() {
        this.polygonEntity = this.viewer.entities.add({
            plotType: "MilitaryPlot",
            plotCode: this.baseInfo.plotCode,
            polygon: {
                hierarchy: new Cesium.CallbackProperty(e => {
                    return new Cesium.PolygonHierarchy(this.positions || []);
                }, false),
                perPositionHeight: true,
                extrudedHeight: new Cesium.CallbackProperty(e => {
                    return this.getHeight() + 0.3
                }, false),
                material: Cesium.Color.RED //.withAlpha(0.5)
            },
        });
    }

    generate() {
        var count = this.getPointCount();
        if (count < 2) {
            return;
        }
        this.generatePositions(this.points);
    }

    //移除标绘对象
    remove() {
        this.viewer.entities.remove(this.polygonEntity);
    }
}