GeoJSON 面

两个示意范围的矩形面，颜色来自要素属性。 填充与边界分两个图层，边界可以单独开关。

说明

面的颜色用 ['get', 'color'] 从属性取值， 单个面换色只改数据，不必为每种颜色建图层。 环形坐标首尾相同，这一点与 Turf 的要求一致。

map.addLayer({
  id: 'regions-fill',
  type: 'fill',
  source: 'regions',
  paint: {
    'fill-color': ['get', 'color'],
    'fill-opacity': 0.28
  }
});

边界与填充共用 source，但绘制顺序需要注意：line 在 fill 之后添加， 线才不会被半透明填充盖住。反过来的话边界会发暗。

点击回调里用 e.lngLat 而不是面的中心作为弹窗位置， 这样在大型面里点击哪里，弹窗就出现在哪里。