cesium 多边形加边框宽度 Polygon outlineWidth

本文主要是介绍cesium 多边形加边框宽度 Polygon outlineWidth，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

cesium中用polygon添加多边形时，设置outlineWidth无效，常见做法是在添加polygon的同时加一个polyline，但是当多边形相邻两条边的角度比较小的情况下，这两个点的连接处有明显的交叉。

解决方案：

第一步：通过turf的buffer方法计算出一个小一点的多边形，注意此时buffer第二个参数为复数才能得到小一点的多边形

第二步：画挖洞多边形，外圈坐标为原始坐标，内圈坐标为第一步计算出来的坐标

第三步：画小多边形，坐标为第一步计算出来的坐标

let poly = turf.polygon([coordinates]);
let buffered = turf.buffer(poly, -0.00005, { units: 'kilometers' });
let innerPositions = buffered.geometry.coordinates[0].reduce(function (acc, curr) {return acc.concat(curr);
}, []);// 画外圈多边形-多边形边框
viewer.entities.add({polygon: {hierarchy: {positions: Cesium.Cartesian3.fromDegreesArray(positions),holes: [{positions: Cesium.Cartesian3.fromDegreesArray(innerPositions),}]},material: Cesium.Color.fromCssColorString('#f00').withAlpha(0.8),}
});
// 画内圈多边形
viewer.entities.add({polygon: {hierarchy: {positions: Cesium.Cartesian3.fromDegreesArray(innerPositions),},material: Cesium.Color.fromCssColorString('#f00').withAlpha(0.4),}
});