获取多边形的传单地图平铺图像答案

【问题标题】：Get Leaflet map tile image for polygon获取多边形的传单地图平铺图像
【发布时间】：2021-12-09 04:03:10
【问题描述】：

对于一个项目，我需要生成我们存储在后端的多边形的预览。多边形通常具有以下格式：[lat,long]

const polygon = [
    [
        4.329064,
        51.276626
    ],
    [
        4.330755,
        51.276416
    ],
    [
        4.329064,
        51.276626
    ]
]

截图模型

我已经发现我可以使用polygon.getBounds().getCenter(); 计算多边形的中心并将地图视图居中，但我宁愿不为存储在项目中的每个多边形加载新的传单地图 :)

是否有更简单的方法可以将地图图块获取为 .PNG 并在我的 Angular 模板中引用它，还是我真的必须每次都渲染单独的地图？

【问题讨论】：

太宽泛了。这些预览是在后端生成还是在前端生成？后端是否提供质心/bbox？如果您的问题是“有没有更简单的方法来做 X？”，答案可能是“是的，但这取决于您的系统的限制”。

标签： javascript angular leaflet openstreetmap

【解决方案1】：

我找到了一个库，可以让我导出 Leaflet 地图的图像，我会将其存储为每个多边形的预览。

https://github.com/mapbox/leaflet-image

【讨论】：