Leaflet.glify调用L.glify.shapes渲染多边形异常问题咨询

我有一个包含数千个停车位空间数据的数据集，需要在地图上完成可视化展示，但使用L.glify.shapes方法渲染多边形要素时出现显示异常问题，请问有什么方法可以解决该问题？
此外，也希望大家能推荐其他更适合在Leaflet地图上渲染大批量数据的类库。

核心测试代码如下：

let map = L.map('map', {maxZoom: 30}).setView([ 51.524676, -0.181212], 22);

let data = {
  "type": "FeatureCollection",
  "features": [
    { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [ [ [ -0.181100, 51.524730 ], [ -0.181155, 51.524703 ], [ -0.181169, 51.524714 ], [ -0.181114, 51.524741 ], [ -0.181100, 51.524730 ] ] ] } },
    { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [ [ [ -0.181158, 51.524702 ], [ -0.181212, 51.524676 ], [ -0.181226, 51.524687 ], [ -0.181172, 51.524713 ], [ -0.181158, 51.524702 ] ] ] } },
    { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [ [ [ -0.181214, 51.524675 ], [ -0.181268, 51.524649 ], [ -0.181282, 51.524660 ], [ -0.181228, 51.524686 ], [ -0.181214, 51.524675 ] ] ] } },
    { "type": "Feature", "geometry": { "type": "Polygon", "coordinates": [ [ [ -0.181271, 51.524648 ], [ -0.181325, 51.524622 ], [ -0.181339, 51.524633 ], [ -0.181285, 51.524659 ], [ -0.181271, 51.524648 ] ] ] } }
  ]
}

预期渲染效果 #

使用原生L.geoJSON渲染的正确效果样式为：黑色描边、线宽4、无填充、透明度0.8，实现代码如下：

L.geoJSON(data, {
  style:{
    "color": "black", 
    "weight":4, 
    "fill":false, 
    "opacity":0.8
  }
}).addTo(map);

效果截图：

实际渲染效果 #

使用L.glify.shapes渲染的配置为开启边框、填充色RGB(0,0,245)，实现代码如下：

L.glify.shapes({
  map: map,
  data: data,
  border:true,
  color:{
    r:0,
    g:0,
    b:245
  }
});

实际异常效果截图：

效果差异 #

两者渲染结果存在明显错位，差异对比截图：

内容的提问来源于stack exchange，提问作者Raga