Vue3+Cesium边界遮罩效果源码免费分享(第56篇)

    const { data } = await axios.get('/testdata/bj.json')    const feature = data.features[0]    const coordinates = feature.geometry.coordinates    let maskPoints = Cartesian3.fromDegreesArray(coordinates.flat(2))

    const area = new Entity({           polygon: {            hierarchy: {                positions: Cartesian3.fromDegreesArray([                    45, 10, 45, 60, 145, 60, 145, 10                ]),                             holes: [                    {                        positions: maskPoints,                        holes: [],                    },                ],            },            material: Color.BLACK.withAlpha(0.7),                },    });

    const line = new Entity({             polyline: {            positions: maskPoints,            width: 4,             material: Color.fromCssColorString("#6dcdff"),             clampToGround: true,         },    });