带填充的传单边界

Question

我正在尝试创建缓存机制，而不是带来整个 map 。现在我用: getBounds() 并接收用户当前正在查看的区域中的所有点。

我想要实现的是边界填充。例如:

map.getBounds(50)

应该将用户当前正在查看的区域扩大到X2..或者可能是一个缩放级别较低的区域..但不会打扰用户。

目前 fitBounds (JSFiddle Demo Here)或多或少只是导致改变用户的 View :(..我也尝试从函数本身(fitBounds)获取边界，但它输出中心和缩放而不是边界(并且我没有成功地从他们)

Answer 1

您尝试过pad method吗？在从 map.getBounds() 获得的 L.LatLngBounds 上？它是专门为了增加某些边界的大小而设计的。

Returns bigger bounds created by extending the current bounds by a given percentage in each direction.

例如，如果您想在每个方向上将边界大小增加 1 个视口(viewport)，您可以这样做:

var newBounds = map.getBounds().pad(1)

现在，如果您想将边界的面积加倍(大约，不考虑投影)，则必须将每个轴的总长度增加sqrt(2)，因此将每个方向的边界增加 sqrt(2)/2:

var doubleAreaBounds = map.getBounds().pad(Math.sqrt(2) / 2)