开源

Cesium之面entity的材料

2019-11-13  本文已影响0人  LBHN

1.代码

1.
entity.polygon.material=new Cesium.GridMaterialProperty({
                                color : Cesium.Color.fromCssColorString(color),
                                cellAlpha : 0.3,
                                lineCount : new Cesium.Cartesian2(8,8),
                                lineThickness : new Cesium.Cartesian2(2.0, 2.0)
 }); 
2.
 $.getJSON("../../../data/china.json", function (result) {
        for (var i = 0, len = result.features.length; i < len; i++) {
            addBoundary(result.features[i]);
        }
 });
//墙效果
function addBoundary(feature) {
    var coordinates = feature.geometry.coordinates[0];
    var height = 800;
    var positions = [];
    var minimumHeights = [];
    var maximumHeights = [];
    for (var i = 0, len = coordinates.length; i < len; i++) {
        positions.push(
            Cesium.Cartesian3.fromDegrees(coordinates[i][0], coordinates[i][1])
        );
        maximumHeights.push(height * 150);
        minimumHeights.push(0);
    }
    var en = viewer.entities.add({
        wall: {
            positions: positions,
            maximumHeights: maximumHeights,
            minimumHeights: minimumHeights,
            material: new mars3d.AnimationLineMaterialProperty({
                //动画线材质
                color: new Cesium.Color.fromCssColorString("#ADADAD"),
                duration: 5000, //时长,控制速度
                url: "../../../images/fence.png",
                repeat: new Cesium.Cartesian2(5, 1)
            }),
            distanceDisplayCondition: new Cesium.DistanceDisplayCondition(2000)
        },
    });

}

2、效果

网格.png
中国边界.png
上一篇下一篇

猜你喜欢

热点阅读