PolygonLayer

核心参数

顶点结构

简单面用坐标数组的数组： [[116.3, 39.9], [116.5, 39.9], [116.5, 40.1]]。 带空洞的面再套一层，第一个环是外环，其余环是洞：

getPolygon: function (d) {
  return [
    d.outer,      // 外环
    d.hole        // 内环（洞）
  ];
}

圆角半径、坐标精度不会自动处理，顶点密度由数据决定。 一个只有三个点的面，放大后会看到明显的直边。

示例

var layer = new deck.PolygonLayer({
  id: 'blocks',
  data: blocks,
  getPolygon: function (d) { return d.ring; },
  filled: true,
  stroked: true,
  extruded: true,
  getFillColor: function (d) {
    return [60, 120 + d.floors * 4, 220, 200];
  },
  getLineColor: [220, 235, 255, 180],
  getLineWidth: 1,
  lineWidthUnits: 'pixels',
  lineWidthMinPixels: 1,
  getElevation: function (d) { return d.floors * 12; },
  elevationScale: 1,
  material: { ambient: 0.5, diffuse: 0.6, shininess: 16 },
  pickable: true
});

绕序与三角化

面在 GPU 里要拆成三角形。拆分依赖顶点顺序判断内外， 外环逆时针、内环顺时针是通用约定。数据来源复杂时， 直接开 _normalize: true，让图层先统一绕序， 代价是启动时多一遍顶点处理。

非简单多边形（自相交、共线点过多）会让三角化失败， 表现为整块面缺失。预处理阶段用几何库修复， 比在前端猜参数更可靠。

边界与挤出

extruded: true 时，stroked 只沿顶面边界绘制， 侧面没有描边。需要完整的体块轮廓，用 wireframe: true，它会画出顶面、底面与侧棱。

挤出高度叠加在坐标第三位上：如果顶点本身带高程， 最终高度是两者之和，容易得到意外的尖塔。数据带高程时 把 getElevation 设为 0，只靠坐标第三位。