PolyUtil

裁剪在像素坐标上做，bounds 是像素空间的 L.Bounds。

方法

裁剪到视口

渲染器画多边形前会先裁剪，屏幕外的顶点不参与路径构建。 自己写 Canvas 渲染逻辑时可以复用同一套算法，保证裁剪边界与 Leaflet 一致。

var size = map.getSize();
var box = new L.Bounds(L.point(0, 0), L.point(size.x, size.y));

var ring = polygon.getLatLngs()[0].map(function (latlng) {
  return map.latLngToLayerPoint(latlng);
});

var clipped = L.PolyUtil.clipPolygon(ring, box, true);

ctx.beginPath();
clipped.forEach(function (p, i) {
  if (i === 0) { ctx.moveTo(p.x, p.y); }
  else { ctx.lineTo(p.x, p.y); }
});
ctx.closePath();
ctx.fill();

round 传 true 时交点坐标取整，适合像素对齐的绘制； SVG 路径可以保持小数，交给浏览器做抗锯齿。

面积重心与顶点平均

var ring = polygon.getLatLngs()[0];

var center = L.PolyUtil.polygonCenter(ring, map.options.crs);
var average = L.PolyUtil.centroid(ring);

L.marker(center).bindTooltip('面积重心').addTo(map);
L.circleMarker(average, { radius: 4 }).bindTooltip('顶点平均').addTo(map);

polygonCenter 必须传 CRS，它需要先把经纬度投影到平面， 否则面积计算没有意义。传嵌套数组时只处理第一个环，控制台给出提示。

带洞多边形

两个函数都只接受单环。带洞的面要分别处理外环与内环： 标签位置用外环重心，洞的裁剪各自独立进行。 clipPolygon 本身不区分外环内环，传入哪一圈就裁哪一圈。

重心不一定在面上

L 形、C 形等凹多边形的面积重心可能落在图形外部。 标注位置要求「必须在面内」时，不能直接用重心， 需要在重心处做一次点面判断（booleanPointInPolygon 之类的工具）， 失败再退回到包围盒中心的候选点。